バージョン7.1のサイトでは、ポートフォリオ ページでグリッド レイアウトを使用することで、ポートフォリオのサブページをアイキャッチ画像のランディング ページに自動的に整理することができます。詳細については、「ポートフォリオ ページ」をご参照ください。

一部のテンプレートでは、ページのアイキャッチ画像からナビゲーションを自動的に作成するグリッド インデックス ページがサポートされています。どのテンプレートでも、同様の効果を手動で作成することができます。

ギャラリー セクション

ギャラリー セクションを使用すると、ポートフォリオのサブページだけでなく、他のページやアイテムにリンクできます。ポートフォリオ ページでは利用できないレイアウト オプションもあります。

1. [ページ] パネルを開き、[+] をクリックして、[ページ レイアウト]をクリックします。
2. [ギャラリー] をクリックし、ギャラリーのレイアウトを選択します。これは後で変更できます。
3. ページの [編集] をクリックし、ギャラリー セクションの画像アイコンをクリックします。
4. ギャラリー セクション エディターで、[+] をクリックして画像を追加します。
5. 各画像をクリックし、[リンク] フィールドにクリックスルーURLを追加します。

ギャラリー セクションで、鉛筆アイコンをクリックしてギャラリーのスタイルを設定します。オプションは選択したレイアウトによって異なります。クリックスルーURLが機能するようにするには、[ライトボックス] トグルをオフに切り替えます。

自動レイアウト

自動レイアウトでも同様の効果を得ることができます。その場合、訪問者は画像自体ではなく、各画像の下にあるボタンをクリックすることになります。

レイアウト ページと、クリックスルーURLを含むグリッド ギャラリー ブロックを使用すれば、任意のテンプレートでグリッド インデックス ページと同様の効果を得ることができます。

1. [ページ] パネルを開き、[+] をクリックして、[白紙] をクリックします。
2. 新しいページで [編集] をクリックし、挿入箇所をクリックしてグリッド ギャラリー ブロックを追加します。
3. ギャラリー ブロックの [コンテンツ] タブで、画像を追加します。
4. 各画像をダブルクリックしてタイトルを追加し、クリックスルーURLをクリックして画像を他のページにリンクさせます。

画像をクリックしてドラッグすると、並べ替えることができます。グリッド内の画像を置き換えるには、元の画像を削除し、その場所に新しい画像を追加します。元の画像と同じタイトルおよびクリックスルーURLを設定します。

グリッドのスタイルを設定する

ギャラリー ブロックの [デザイン] タブでグリッドのスタイルを設定できます。

• すべての画像を同じ形状にするには、[画像をトリミング] をオンにします。形状を選択するには、[縦横比] メニューを使用します。
• 訪問者が移動先を把握できるように画像の下にタイトルを表示するには、[タイトルを表示] をオンにします。
• グリッドのレイアウトを調整するには、[行あたりのサムネイル数] および [パディング] スライダーを使用します。
• クリックスルーURLが機能するようにするには、[ライトボックス] のチェックを外します。