サイトがバージョン7.0の場合、ページ パネルではドロップダウンとインデックス ページは同じように見えますが、サイトでの機能と外観は大きく異なります。このガイドでは、サイトにドロップダウン ページやインデックス ページを追加する際の主な相違点やベスト プラクティスなど、考慮すべき事項について説明します。

基本事項は次の通りです。

• [ドロップダウン] により、ナビゲーションにドロップダウン メニューを作成できます。こちらは、すべてのテンプレートで利用可能です。
• [インデックス ページ] は、サイト上に複数のページのコンテンツを表示する固有のページを作成します。こちらは一部のバージョン7.0テンプレートで使用可能です。

このガイドはバージョン7.0向けです。バージョン7.1はインデックス ページをサポートしていませんが、ページ セクションもしくはポートフォリオ ページを使用すると、インデックス ページと同様の効果を得ることができます。

始める前に

• インデックス ページをドロップダウン内に配置したり、ドロップダウンをインデックス ページ内に配置したりすることはできません。
• インデックス ページをインデックス ページ内に配置したり、ドロップダウンをドロップダウン内に配置したりすることはできません。
• テンプレートを切り替えると、インデックス ページがドロップダウンに変換され、ドロップダウンがインデックス ページに変換されることがあります。詳細については、「テンプレートの切り替えに関するよくある質問」を参照してください。

ドロップダウン

ドロップダウンは、主にナビゲーションでドロップダウン メニューを作成するために使用されます。これは、関連するページをひとまとめにしたり、ナビゲーション メニューのリンクを最小限にしたり、訪問者がサイト内のページにすばやくアクセスできるようにしたりする場合に便利です。ドロップダウンは整理ツールであり、サイト上に新しいページを作成するものではありません。

ドロップダウンのスタイルはテンプレートによって異なります。テンプレートによっては、メニューの背景色を設定したり、+ アイコンを表示するかどうかを選択したり、サブページで異なる色やフォントを使用したりするスタイル オプションがあります。

ドロップダウンにも、さままざまな機能があります。一部のテンプレートでは、カーソルを合わせるとメニューが開き、ドロップダウン名をクリックするとドロップダウンの最初のページに移動します。他のテンプレートでは、ドロップダウン名をクリックするとドロップダウン メニューが開きます。

詳細については、「テンプレートによるドロップダウン表示」を参照してください。

Fiveテンプレートの [ページ] パネルでドロップダウンは、次のように表示されます。

Fiveテンプレートでは、訪問者にはドロップダウンは次のように表示されます。

インデックス ページ

インデックス ページは、サイト上に独自のページを作成する強力なデザイン機能です。インデックス ページは、さまざまなページからコンテンツを収集し、訪問者がサイトのコンテンツを閲覧できるランディング ページを作成します。ナビゲーション内のインデックス ページのリンクをクリックすると、インデックス ページ自体が表示されます。

インデックス ページの外観は、インデックス ページをサポートするテンプレートごとに異なります。テンプレートに応じて、コンテンツは画像のグリッド、スタックされたセクションのスクロール ページ、もしくはフルスクリーンのスライドショーとして配置されます。また、ナビゲーションにドロップダウン メニューを作成することもできます。

インデックス ページは、ギャラリーやプロジェクトのポートフォリオなど、より多くのページのランディング ページとして役立ちます。また、インデックス ページを使って、似たようなコンテンツを一箇所にまとめることもできます。インデックス ページをトップページとして設定するのが一般的です。

詳細については、「バージョン7.0のインデックス ページ」を参照してください。

Avenueテンプレートの [ページ] パネルでインデックス ページは次のように表示されます。テンプレートのインデックス ページのスタイルによっては、ページ アイコンが次に表示されている画像と異なる場合があります。

Avenueテンプレートでは、訪問者にはインデックス ページは次のように表示されます。

ドロップダウンとインデックス ページのどちらを使用するか？

ドロップダウンを使用してドロップダウン ナビゲーション メニューやインデックス ページを整理し、コンテンツの概要をわかりやすく表示するのがベストです。

両方のオプションを試してみて、どちらがサイトに最適かを判断することをおすすめします。