モジュール紹介:YUI Menu モジュール

YUI Menu モジュール

  • プロジェクトページ: YUI Menu

Yahoo! ユーザインターフェイスライブラリ(YUI)を利用して、サイトナビゲーション用のメニューを提供するモジュールです。


特徴

  • このモジュールは単独では動作せず、YUI モジュールが必須となります。
  • メニューの位置はサイト上部サイト左サイドバーから選ぶことができます。
  • YUI モジュールのアクセス権を利用することで、Drupal Administration Menu モジュールの代用として、管理者専用メニューとして利用することができます。


インストール

インストール方法は他の拡張モジュールと同様に、sites/all/modules/ にコピーした後、管理セクションの「モジュール」で有効化します。


設定メモ

  • [管理セクション] >> [サイトの環境設定] >> [YUIメニューの設定]

YUI Menu設定画面

  1. YUI Menu に表示するメニュー項目を決める、メニューツリーのルートを指定します。
    ここで「管理セクション」を指定し、YUI モジュールのアクセス権をどのロールにも与えないことで、管理者専用メニューにすることができます。

  2. メニューのタイプと表示位置の組み合わせを指定します。

    • マークアップタイプのメニューの場合、javascriptがオフの場合にも対応できるようになりますが、自分でCSSを用意する必要があります。
    • 上部メニューの場合は、使用するテーマのテンプレートにコードを埋め込む必要があります。
    • 左部メニューの場合は、ブロックが利用可能になりますのでそれを利用します。
  3. メニューをアニメーションさせるかどうかを指定します。


テーマテンプレートへのコード埋め込み

  • 使用するテーマの page.tpl.php をテキストエディタで開き、以下のコードを適切な位置に埋め込みます。

      <?php if (module_hook('yuimenu','menu') && ("tns" == variable_get('yuimenu_type','tns') || "tnm"==variable_get('yuimenu_type','tns')) ){?>
        <?php print html_menu(variable_get('yuimenu_root','1') ); ?>
      <?php }?>
    
  • モジュールに同梱の INSTALL.txt に、いくつかのテーマでの例がありますので参考にしてください。


設定例

  • メニューツリーのルートを「ナビゲーション」にしたサイト上部メニュー
    サイトナビゲーションの例

  • メニューツリーのルートを「管理セクション」にしたサイト上部メニュー
    管理メニューの例

  • メニューツリーのルートを「管理セクション」にし、Drupal Administration Menu 風にしたメニュー
    Admin_Menu風の例

  • ブロックを使用したサイト左メニュー
    サイドバーの例