この記事では、gusuku Everysiteで作成したWebページにパンくずリストを表示する方法をご紹介します。

表示例

ウィジェット「パンくずリスト」は、ユーザーが現在どのページにいるのか、そしてそのページがサイト全体のどこに位置しているのかを示すためのウィジェットです。

なお、「パンくずリスト」はベースページに設定するのではなく、各ページで設定する必要があります。

ウィジェット「パンくずリスト」は、ウィジェットの設定の中で、このページに遷移してくるまでの各ページをリンクアイテムで指定し、パンくずリストを作成する事ができるウィジェットです。

そのため、このページの場合、最初のページになる「ホーム」と、ひとつ前のページになる「サポート」はアイテム「リンクテキスト（下線あり）」、「よくある質問」は今表示しているページですのでリンクがないアイテム「テキスト」で設定します。

各アイテムは自動的に「>>」アイコンで区切って表示されます。

ウィジェット設定例

アイテムパラメーター入力カラム

※ウィジェット「パンくずリスト」では、アイテム「リンクテキスト（下線あり）」は現在のページから遡って遷移できるページ毎に1つずつ設定を行い、その「リンク先URL」には各該当ページのURLを指定します。

今回の記事の例だと現在のページ、その遷移元のページ、さらに遷移元のトップページの3段階の構成となっているため、アイテム「リンクテキスト（下線あり）」を2つ設定しています。

まとめ

以上がエブリサイトのパンくずリストを設定する方法でした。

エブリサイトのドキュメントページやサポートページもぜひご活用ください。