Drupal 10のパンくずリストモジュールの比較.
パンくずリストは、Webサイト上の現在位置をユーザーが理解する助けとなる重要なナビゲーションツールです。Drupalにはさまざまなパンくずリストモジュールがあり、それぞれ独自の機能を持っています。この記事では、人気のDrupalパンくずリストモジュール4つ(Easy Breadcrumb、Menu Breadcrumb、Current Page Crumb、Crouton)を比較します。機能、ユースケース、設定を解説し、プロジェクトに適したモジュール選びに役立てます。
| 機能 | Easy Breadcrumb | Menu Breadcrumb | Current Page Crumb | Crouton |
|---|---|---|---|---|
| 現在のページタイトルを含める | ✅ (設定可能) | ✅ (設定可能) | ✅ | ✅ (設定可能) |
| パンくずリストにメニュー項目を使う | ❌ | ✅ | ❌ | ✅ |
| パンくずリストにURL構造を使う | ✅ | メニューにない場合のみ | ❌ | ❌ |
| フロントページ部分のカスタマイズ | ✅ | ❌ | ❌ | ✅ |
| フロントページへのリンクのみの場合はパンくずリストを隠す | ❌ | ✅ | ❌ | ❌ |
| タクソノミー階層を含める | ✅ (任意) | ✅ (任意) | ❌ | ❌ |
| パンくずタイトルの最大長を切り詰める | ✅ | ❌ | ❌ | ❌ |
| パンくずリスト用のJsonLDメタデータ | ✅ | ❌ | ❌ | ❌ |
| 管理パスの包含を設定可能 | ✅ | ❌ | 管理パスは変更なし | ❌ |
| Aria-current="page"アクセシビリティ対応 | ❌ | ❌ | ❌ | ✅ |
Easy Breadcrumb
Easy Breadcrumbは、現在のページタイトルをパンくずリストに自動的に含める使いやすいモジュールです。URLとページタイトルを活用してパンくずリストの各部分を作成し、シンプルでありながらカスタマイズ可能なソリューションを提供します。
主な機能:
- すぐに使え、カスタマイズオプションも豊富
- PathautoモジュールやBreadcrumb Extraフィールドモジュールと互換性あり
- 各部分やパスの表示/非表示に関するさまざまな設定を提供
- 各部分のタイトルの切り詰めや、タイトル置換のためのシンプルな正規表現の使用が可能
ユースケース: 堅牢なパンくずリストソリューションでありながら、最小限のセットアップとカスタマイズで済ませたいプロジェクトに最適です。
Menu Breadcrumb
Menu Breadcrumbは親メニューのタイトルを基にパンくずリストを生成します。メニューベースのパンくずリスト構造をより細かく管理でき、メニュー構成を重視するプロジェクトに適しています。
主な機能:
- パンくずリスト生成のためのメニューの並べ替えや選択が可能
- ページタイトルのパンくずリストへの追加に対応(クリック可能にも不可にもできる)
- フロントページへのリンクのみの場合はパンくずリストを隠す
- コンテンツがメニューにない場合はURL構造からパンくずリストを生成する
ユースケース: メニュー構造がしっかりしたWebサイトに最適です。パンくずリストナビゲーションがメニュー階層に密接に沿います。
Current Page Crumb
Current Page Crumbは、Drupal 8コアのシステムパンくずリストを拡張し、現在のページタイトルをテキストのみのパンくずリストとして追加する軽量モジュールです。設定は不要で、管理パスも変更しません。
主な機能:
- 現在のページタイトルをテキストのみのパンくずリストとして追加する
- シンプルなインストール手順
- 設定不要
ユースケース: 追加のカスタマイズオプションなしに、現在のページタイトルをパンくずリストに含めるシンプルなソリューションが必要なプロジェクトに適しています。
リンク: Current Page Crumb Drupalモジュール
Crouton
Croutonはデフォルトのパスベースのパンくずリストビルダーをメニューベースの方式に置き換え、メニュー項目を使うことで最大の柔軟性を提供します。パンくずリスト表示を細かく管理するためのさまざまな設定オプションがあります。
主な機能:
- 設定したメニューのアクティブなメニュートレイルを処理する
- パンくずリストのラベルを対象コンテンツから切り離す
- aria-current="page"の自動マーキングに対応
- ホームや現在のページへのリンク、無効なメニュー項目、構造のみのメニュー項目に関する設定オプション
ユースケース: アクセシビリティ機能を強化した、高度にカスタマイズ可能なメニューベースのパンくずリストソリューションが必要なプロジェクトに最適です。
リンク: Crouton Drupalモジュール
パンくずリストモジュールのDrupalコア対応状況
| モジュール名 | Drupal 7 | Drupal 8 | Drupal 9 | Drupal 10 |
|---|---|---|---|---|
| Easy Breadcrumb | ✅ | ✅ | ✅ | ✅ |
| Menu Breadcrumb | ✅ | ✅ | ✅ | ✅ |
| Current Page Crumb | ❌ | ✅ | ✅ | ✅ |
| Crouton | ❌ | ❌ | ✅ | ✅ |
まとめ
4つのDrupalパンくずリストモジュールにはそれぞれ強みとユースケースがあります。Easy Breadcrumbはシンプルですぐに使えるソリューションを提供し、Menu Breadcrumbはメニュー中心のWebサイトに適しています。Current Page Crumbは、現在のページタイトルをパンくずリストに含めるための飾らない方法を提供し、Croutonは高度にカスタマイズ可能でアクセシブルなメニューベースのパンくずリストソリューションを提供します。プロジェクトの要件を評価し、最適なユーザー体験につながるモジュールを選択してください。