• 2010年5月 4日(火) 22:39 JST
  • 投稿者:
    augebang
  • 閲覧数
    2,045

Navman 0.1.1（デザイン）

navmanの多階層メニューの指定方法とデザイン変更・追加方法について。

Navnamの詳細とインストール方法はNavman 0.1.1（インストール）を参照。
Navnamの表示に関する使用方法はNavman 0.1.1（表示設定）を参照。
Navnamの管理設定に関する使用方法はNavman 0.1.1（管理設定）を参照。

基本概要：

navmanのデザインはコンフィグレーションの「テーマのテンプレートを使う」で「はい」にせず、メニューアイテムで「テンプレート名」を変更していない限りdefaultが使用される。
defaultの場所：Geeklogサイト / navman / templates / default

defaultで表示されるナビゲーションメニューは「navimenu.thtml」
defaultで表示されるパンクズリストは「breadcrumbs.thtml」
defaultで使われるcssは default内にある「navman.css」が使われる。

多階層メニュー概要。

デフォルト設定：

  1. ナビゲーションの設定で「レンダー」を「多階層メニュー」に設定。
  2. 「メニューアイテム」で「親アイテムID」となる「メニューアイテムID」を決め「クラス名」を「drop」とする。
  3. 下階層に表示するメニューの「親アイテムID」を先に決めた「メニューアイテムID」に指定する。

多階層メニューを使用する場合に使われるのは「menuitem_drop.thtml」
多階層メニューはデフォルトでナビゲーションパターン同様３パターンが用意されている。これらはナビゲーションのクラス名で識別される。

navi_001

navi_002

navi_003

パンクズリスト概要。

  1. コンフィグレーションの「パンくずリストの表示」を「はい」にする。
  2. メニューアイテムの「PHPフィルタ名」を「bc_staticpage」とする。

パンクズリストを使用する場合に使われるのは「breadcrumbs.thtml」
「breadcrumb.thtml」と「breadcrumb_nolink.thtml」は「カレントのパンくずにリンクを張る」で指定した設定で使い分けられる。

パンクズリストの基点リンクにはfirst_bcクラスが最終リンクにはcurrentクラスが割り当てられる。

関連情報

トラックバック

このエントリのトラックバックURL:
http://gltmatrix.com/trackback.php/navimanplugindesign

この記事にはトラックバック・コメントがありません。

サイト管理者はコメントに関する責任を負いません。

  • Navman 0.1.1のテーマ毎のデザインの作成方法について
  • 投稿者:ゲストユーザー  2010年5月 9日(日) 23:39 JST

こんにちは

navmanを利用して横のブロックのメニューを階層表示させていますが、この度PTbookLCRsr2を利用させて頂こうと思っています。
navmanがテーマ毎にデザインを作成できると知りましたので試行錯誤しているのですがうまく設定することができません。

手順どおりコンフィギュレーションを変更してlayout/PTbookLCRsr2ディレクトリにnavmanディレクトリを作成し、defaultの中身をコピーしました。
そうしたところ、横に表示させていたメニューブロックそのものが消えてしまいましたが、もう少し具体的に教えて頂けないでしょうか？

よろしくお願いいたします。

  • Navman 0.1.1のテーマ毎のデザインの作成方法について
  • 投稿者:augebang  2010年5月10日(月) 12:51 JST

こんにちはゲストさん、コメントありがとうございます。

まず最初に、申し訳ありません、内容に不備がありました。

テーマに新規作成したnavmanフォルダにコピーするのは
Geeklogサイト/navman/templatesのtemplatesの中のファイルです。
defaultだけでもナビゲーションメニューそのものは表示されるのですがそのテーマで管理者専用メニューのナビゲーションページが表示されなくなります。

上記を踏まえてナビゲーションメニューが表示されないのは
PTbookLCRsr2に{header_navigation}を書き忘れている可能性があります。

      <!-- #navigation { -->
      <!-- グローバルナビゲーションコンテナ -->
      <div id="navigation">
        <ul>
          {menu_elements}
       </ul>
     </div>
     <!-- } #navigation -->

この部分を

<!-- #navigation { -->
      <!-- グローバルナビゲーションコンテナ -->
          {header_navigation}
     <!-- } #navigation -->

このように書き換えているかもう一度確認してみてください。

書き加えている場合は{header_navigation}が{header-navigation}や
{header navigation}このようになっていないか確認して見てください。

それでも駄目な場合はまたコメントしてくださいね。

---
たかが０．１％されど０．１％