メニューのテンプレート一覧

メニュープラグインのテンプレートサンプルを配置して、動きの違いを解説します。
下記一覧のリンク（青文字）をクリックすると、各テンプレートのサンプルが閲覧できます。

【リンクが貼られていない黒文字テンプレートについて】
★：デザイン用CSSを使用する事が前提のテンプレートのため単独では使用しません。
★がついていない黒文字のテンプレートは、今後随時説明を追加していきます。

【Default】

サイドメニュー等に利用する、縦並びのテンプレートです。
下層ページはすべて開いた状態で表示します。

【ディレクトリ展開式】

サイドメニュー等に利用する、縦並びのテンプレートです。
カレントページ（今表示しているページ）と、その下層ページを開いて表示します。

【タブ】

ヘッダーメニュー等に利用する、横並びテンプレートです。
最上位ページのみが横に並びます。下層ページは表示しません。
※スマートフォンでは、このメニューは表示されません。

【タブフラット】

ヘッダーメニュー等に利用する、横並びテンプレートです。
表示可能なページを、階層構造を無視してフラットに表示します。
※スマートフォンでは、このメニューは表示されません。

【ドロップダウン】

ヘッダーなどに使う、横並びのメニューです。
いちばん上の階層（トップレベル）のページが横に並んで表示されます。

・いま見ているページに親や子のページがある場合

いま見ているページ（カレントページ）を含む階層をクリックすると、その階層にあるすべてのページが一覧で表示されます。トップページに戻りたいときは、一覧の中にあるトップページ名をクリックしてください。

・ほかのページをクリックしたとき

そのページに移動します。

※スマートフォンでは、このメニューは表示されません。

【マウスオーバードロップダウン】

ヘッダーなどに使う、横並びのメニューです。
いちばん上の階層（トップレベル）のページが横に並んで表示されます。

・下にページがある場合

マウスを重ねる（マウスオーバー）か、クリック（タップ）すると、下の階層が一覧で開きます。

・トップページに移動したいとき

表示された一覧の中にあるトップページ名をクリックしてください。

※スマートフォンでは、このメニューは表示されません。

【マウスオーバードロップダウン（ルートなし）】

ヘッダーなどに使う、横並びのメニューです。
いちばん上の階層（トップレベル）のページが横に並んで表示されます。

・下にページがある場合

マウスを重ねる（マウスオーバー）か、クリック（タップ）すると、その下の階層が一覧で開きます。

・ルート（最上位）ページについて

開いた一覧にはトップページ名（ルート）が表示されないため、トップページへ直接移動することはできません。

※スマートフォンでは、このメニューは表示されません。

【マウスオーバードロップダウン（ルートのリンクなし）】

ヘッダーなどに使う、横並びのメニューです。
いちばん上の階層（トップレベル）のページが横に並んで表示されます。

・下にページがある場合

マウスを重ねる（マウスオーバー）か、クリック（タップ）すると、その下の階層が一覧で開きます。

・ルート（最上位）ページについて

開いた一覧の中にはトップページ名（ルート）が表示されますが、リンクされていないため、そのページへは直接移動できません。

※スマートフォンでは、このメニューは表示されません。

【パンくず】

現在のページの階層を表示する為の「パンくず」リンクを表示するメニューです。
カレントページ（今表示しているページ）とその親～最上位ページまでを表示します。

【サイトマップ】

フッターなどに使う、サイトマップ用メニューです。
サイト上の表示可能なページを階層構造で一覧表示します。

【サイトマップ（ルートのリンクなし）】

フッターなどに使う、サイトマップ用メニューです。
サイト上の表示可能なページを階層構造で一覧表示します。
ただし、ルート（最上位ページ）へのリンクはしません。