Wix エディタ:パンくずリストを追加・設定する
読了時間:3分
パンくずリストは、サイト構造と階層を表示するサイトナビゲーション方法の一つです。選択した設定に応じて、訪問者は現在のページとトップページを確認することができます。訪問者がサブページにアクセスすると、メインページとサブページの両方がリストに表示されます。
パンくずリストは、メインページに戻る順序だけでなく、訪問者にサイト構造も示すことができるので、サブページがたくさんあるサイトに最適です。
始める前に:
サイトにパンくずリストを追加・設定するには、Velo 開発モードを有効にする必要があります。Velo を使用すると、サイトでコーディングを使用して、カスタム機能とインタラクションが作成できるようになります。Velo についての詳細はこちら
![サイトタイトルとパンくずリストが表示されるサイトヘッダー。サイトタイトルに「手描き」と表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/04/07/c95199f4-3277-4184-8aff-6f6e1a22f375/394a1851-ca5b-45f1-9a38-5efbc51a99f2.png)
重要:
この機能は現在一部のユーザー様のみご利用いただけます。
ステップ 1 | パンくずリストをサイトに追加する
パンくずリストをサイトに追加して、訪問者にページの階層をわかりやすく表示しましょう。
サイトヘッダーに追加すると、パンくずリストがすべてのページに自動的に表示されます。表示させるページを選択したい場合は、ページセクションに追加することもできます。
パンくずリストをサイトに追加する方法:
- 開発モードを有効にします:
- エディタ上部の「開発モード」をクリックします。
- 「開発モードを有効にする」をクリックします。
- エディタ左側で「追加」
をクリックします。
- 「メニュー・アンカー」をクリックします。
- 「パンくず」をクリックします。
- デザインをクリックしてドラッグし、ページに追加します。
![エディタの追加パネル。「メニュー・アンカー」セクションが開いています。カーソルがパンくずリストのプリセットにマウスオーバーしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/19/bb09516b-8509-4dc6-bdcc-28a25d247f4c/88943048-e4d1-4209-b9a0-58433a3b9828.png)
ステップ 2 | パンくずリストに表示する内容を選択する
パンくずリストの設定を変更して、訪問者にルートを表示してみましょう。トップページの表示方法を選択したり、アイコンを変更したりすることもできます。
表示の設定方法:
- エディタでパンくずリストのパーツをクリックします。
- 「設定」をクリックします。
- オプションを使用して、リストの表示方法を選択します:
- パンくずリストに表示するアイテム :リストに表示するアイテムを選択します:
- すべて表示:トップページと現在のページの両方を表示します。訪問者がサブページに移動した場合でも、メインページもそのままリストに表示されます。
- トップページを隠す:リストからトップページを非表示にします。
- 現在のページを隠す:訪問者が現在閲覧しているページをリストから非表示にします。
- トップページの表示方法:リストでのトップページの表示方法を選択します:
- テキスト:トップページの名前をテキストでパンくずリストに表示します。
- アイコン:トップページを表すアイコンをパンくずリストに表示します。「ホームページアイコン」下のアイコンをクリックして Wix の無料画像からアイコンを選択するか、自身のベクターアートをアップロードするかを選択します。
- パンくずリストに表示するアイテム :リストに表示するアイテムを選択します:
![パンくずリスト設定パネル。トップページをアイコンとして表示するオプションをクリックしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/19/db760dc4-fe85-4560-8359-0862bb993e0c/5abd3543-799b-4437-9b3d-2271838c0d92.png)
ステップ 3 | パンくずリストをすべてのページで表示するよう設定する
パンくずリストをサイトヘッダーに追加すると、すべてのページにリストが自動的に表示されます。また、ページセクションに追加しても、すべてのページにリストが表示されるよう設定することが可能です。こうすることで、訪問者は閲覧中のページに関係なく、いつでもリストを使用してサイト内を移動することができます。
すべてのページにパンくずリストを表示する方法:
- エディタでパンくずリストを右クリックします。
- 「すべてのページに表示」トグルを有効にします。
![パンくずリストの右クリックメニュー。「すべてのページに表示」トグルが有効になっています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/11/19/92b4a485-5f1e-4d45-8065-b03396f8ead5/d595183f-9478-4782-acaa-a77829d81b0e.png)
次のステップ:
パンくずリストのレイアウトとデザインを、自身のサイトの見た目や雰囲気に合わせてカスタマイズしてみましょう。パンくずリストをカスタマイズする方法はこちら