ピル型パンくず
丸い背景付きの目立つパンくずリスト。EC や階層深いサイトに。
使いどころ
丸い背景付きの目立つパンくずリスト。EC や階層深いサイトに。
- 記事の階層表示
- EC 商品ページ
- サイト内ナビゲーション
カスタマイズのポイント
JSON-LD の BreadcrumbList を必ず併設するのが SEO 必須。リンクは最後の現在ページ以外をクリック可能に。
注意点
モバイルでは横スクロール化 or テキスト切詰めで対応。長い階層は途中省略（Home › ... › 現在）も検討。
よくある質問
このパーツは商用利用できますか？
はい。moatway がオリジナル制作したパーツは商用・個人問わず自由にご利用いただけます。
そのまま貼り付ければ動きますか？
はい。HTML / CSS タブをそれぞれコピーすればすぐ動作します。クラス名が既存サイトと衝突する場合はリネームしてください。
JavaScript が必要なパーツはありますか？
一部のパーツ（アコーディオン・タブ切替・告知バーの閉じる機能など）は JavaScript が必要です。詳細ページの JS タブで確認できます。
ブラウザ対応は？
最新 2 世代の Chrome / Safari / Firefox / Edge で動作確認しています。