Drupal Nice Menus と Superfish。ドロップダウンメニューモジュールの説明と比較。
Nice Menus と Superfish モジュールを使うと、縦型・横型のドロップダウンメニューを作成できます。この 2 つのうち 1 つを選んで使うとよいでしょう。どちらのモジュールも人気があり、多くのアドオンがあります。
Nice Menus と Superfish はどちらも、同じ jQuery Superfish ライブラリを使っています:
https://www.drupal.org/project/nice_menus
https://www.drupal.org/project/superfish
https://github.com/mehrpadin/Superfish-for-Drupal
Nice Menus
Nice Menus を使ったメニューは、モジュールを有効にすると自動的に作成されます。追加のセットアップは不要です――ライブラリがモジュールに同梱されているため、とても使いやすくなっています。
ブロック設定に移動すると、いくつかの Nice Menu ブロックが利用できます。1 つを選び、どのメニューをどのように(たとえばドロップダウンスタイルで)表示するかを選びます。「Respect 'show as expanded' option（「展開して表示」オプションを尊重する）」を有効にすると、親が選択される前でもすべての子メニュー項目が表示されるようになります。
ドロップダウンの方向(たとえば下方向のドロップダウンには「Down」)を選ぶこともできます。
Nice Menus の設定は次の場所で行えます:
/admin/config/user-interface/nice_menus
そこでは、ドロップダウンの速度と遅延を調整できます。より良いユーザー体験のために、速い反応時間が好まれることが多いです。
Nice Menus は、最小限の設定で素早く簡単にセットアップできます。
Drupal Superfish
Superfish モジュールはセットアップに少し時間がかかりますが、メニューの外観と動作をより細かくカスタマイズできます。
Drupal 専用に作られた Superfish ライブラリが必要です:
https://github.com/mehrpadin/Superfish-for-Drupal
まだインストールしていない場合は、Libraries API モジュールもインストールする必要があります:
https://www.drupal.org/project/libraries
Superfish ライブラリを sites/all/libraries/superfish に配置します。
また、jQuery Update モジュールもインストールします:
https://www.drupal.org/project/jquery_update
推奨される jQuery の設定:フロントエンド 1.7、管理 1.5(Views との互換性の問題を避けるため):
/admin/config/development/jquery_update
有効にしたら、/admin/reports/status に移動して、Superfish ライブラリが検出されていることを確認します。
その後、/admin/structure/block で Superfish ブロックを割り当てます。そこでは、メニュー、向き、テーマスタイル(たとえば Blue)を選択し、ドロップダウンの速度と遅延を調整できます。
オプションは多いですが、デフォルトですべてうまく動作します。高度なエフェクトのために jquery.easing を追加でインストールすることもできますが、これは任意です。
Superfish はモバイル対応でも優れています:モバイル端末では <select> スタイルのドロップダウンに変わり、ナビゲーションを使いやすくします。
タッチスクリーンでもうまく動作します。追加のプラグイン設定で調整できますが、通常はデフォルトのままで動作します。
結論として、機能面では Superfish の方が Nice Menus より強力ですが、Nice Menus の方がセットアップが速く簡単です。Nice Menus を選ぶ場合は、次のレスポンシブメニュー補助モジュールの使用を検討してください: