27種のポートフォリオレイアウト

• グリッド
• メイソンリー
• スタイルの読み込み
• シングルプロジェクト
• レイアウト

グリッド 5

ここのグリッドはすべて、「Layout」を「Portfolio」に設定した Canvas Posts ブロック 1 つで構成されています。「Columns」では 1 行に並べるプロジェクト数を決め、「Portfolio Gutter」では各プロジェクト間の間隔を設定できます（0 にすることもできます）。1 カラム版では「Alternating Split Cards」を有効にしているため、各プロジェクトは説明文の横に配置され、画像は 1 枚おきに左右が入れ替わります。

• 1カラム （新しいタブで開きます）
• 2カラム （新しいタブで開きます）
• 3カラム （新しいタブで開きます）
• 5カラム （新しいタブで開きます）
• 6カラム （新しいタブで開きます）

メイソンリー 6

同じブロック、異なるグリッドエンジン。メイソンリーモードを選ぶと、カードはそれぞれの高さを保ったまま、行の区切りに縛られず列に詰めて配置されます。リズムを生むのはカードの形状です。すべての写真を同じ形にトリミングするか、各プロジェクトに独自の形を保たせるかを選べます。ミックス版では、タイトルもホバーオーバーレイ内に移動します。

• ミックスカラム （新しいタブで開きます）
• 2カラム （新しいタブで開きます）
• 3カラム （新しいタブで開きます）
• 4カラム （新しいタブで開きます）
• 5カラム （新しいタブで開きます）
• 6カラム （新しいタブで開きます）

読み込むスタイル 5

これらは、訪問者があなたの作品にどうたどり着くかを決めます。「Pagination Style」では、選択肢の中にクライアント側のページネーションと無限スクロールがあります。「Open Projects In-Page」を使うと、ページを離れずにグリッドの上にプロジェクトを読み込めます。「Open Project In」では、ライトボックスのモーダルでプロジェクトを表示できます。「Filter Styles」は、Canvas Grid Filterブロック（カテゴリボタンの並び）のレイアウトを、各スタイルについて、Shuffleボタンの有無を含めて設定します。

• jQuery Pagination （新しいタブで開きます）
• 無限スクロール （新しいタブで開きます）
• ページ内AJAX （新しいタブで開きます）
• モーダル内のAJAX （新しいタブで開きます）
• スタイルフィルター （新しいタブで開きます）

シングルプロジェクト 5

プロジェクトページのレイアウトは、プロジェクトを編集中に「テンプレート」設定で選んだテンプレートから決まります。テンプレートは4種類のメディアに対応しています。大きな画像、ギャラリースライダー、サムネイルグリッド、動画です。各テンプレートには、左右どちらかまたは両側のサイドバー、全幅表示、フルブリードのヒーローの下に配置するレイアウトがあります。ここにリンクしているページは、その一部の例です。

• Parallax Image （新しいタブで開きます）
• スライダーギャラリー （新しいタブで開きます）
• HTML5 動画 （新しいタブで開きます）
• メイソンリー・サムネイル （新しいタブで開きます）
• 動画の埋め込み （新しいタブで開きます）

レイアウト6

グリッドをページ上のどこに配置するかを指定します。サイドバー版では、同じブロックをメインカラムに配置し、その横に最新の投稿やクイック問い合わせフォームなどのウィジェットを置くサイドバーを表示します。100%幅にすると、グリッドが余白なしで端から端まで広がります。Parallax Cardsでパララックスを有効にすると、各画像がページのスクロールに合わせて動く背景レイヤーに変わります。

• デフォルト （新しいタブで開きます）
• 右サイドバー （新しいタブで開きます）
• 左サイドバー （新しいタブで開きます）
• 両側サイドバー （新しいタブで開きます）
• 100% 幅 （新しいタブで開きます）
• パララックス （新しいタブで開きます）

各リンクは、お客様がインストールするのと同じテーマとブロックで作られた、ライブショーケースの実際のページを開きます。