wp_nav_menu() テンプレートタグ WordPress

なわて投稿サムネイル

wp_nav_menu()

構文

wp_nav_menu( 配列 )

参照:WordPress Codex

wp_nav_menu()の詳細

 動 作 

メニューの表示

 返り値 

 

 引 数 

array(
‘container’ => ‘div’, (外枠のdiv オプション デフォルト:div)
‘container_id’ => ”, (divのid)
‘container_class’ => ‘menu-{メニューのスラッグ}-container’, (divのクラス)
‘menu’ => ”, (オプション デフォルト:なし)
‘menu_id’ => ‘{メニューのスラッグ}-{連番}’,(ulに適用するid名)
‘menu_class’ => ‘menu’, (ulに適用するクラス名)
‘fallback_cb’ => ‘wp_page_menu’,
‘before’ => ”,
‘after’ => ”,
‘link_before’ => ”,
‘link_after’ => ”,
‘echo’ => true,
‘depth’ => 0,
‘walker’ => ”,
‘theme_location’ => ”,
‘items_wrap’ => ‘<ul id=”%1$s” class=”%2$s”>%3$s</ul>’,
);

生成されるタグ

<div class="container_id">
<ul id="menu_id" class="menu_class">
<li id="menu-item-番号(自動出力)" 
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-番号(自動出力)">
<a href="https://nawate.jp">
メニュー項目1
</a>
</li>
<li>メニュー項目2(コード内容省略)</li>
<li>メニュー項目3(コード内容省略)</li>
</ul>
</div>

 

wp_nav_menu()を使ったコード例

 実装