固定ページ-ナビゲーションバーを作成
カスタムメニューの機能でナビゲーションバーを作成
関数
カスタムメニューの機能を有効にする
register_nav_menus()
カスタムメニューを出力する
<?php wp_nav_menu(); ?>
「function.php」に追加
- カスタムメニューの機能を有効にする
register_nav_menus();のパラメータ
「'英数字のロケーション名' => '管理画面に表示するロケーション名'」
//カスタムメニュー register_nav_menus(array('navigation' => 'ナビゲーションバー'));
ナビゲーションバーに表示するメニューを作成
メニューを作成
- メニューに追加
- 「navmenu」に「ひだまり日記について」が追加されます
ナビゲーションバーに表示するメニューを指定
ナビゲーションバーを表示する
- 「header.php」に「#nav」の記述を追加する
<!-- ▲#header --> <!-- ▼#nav --> <div id="nav"> <?php wp_nav_menu(array('theme_location' => 'navigation')); ?> </div><!-- ▲#nav -->
/* #nav */ #header { margin: 0; padding: 0; } #nav ul { list-style-type: none; margin: 0 0 20px; padding: 8px 0; background-color: #000; } #nav li { display: inline; padding: 0 15px; border-right: solid 1px #FFF; } #nav li a { font-size: 0.75em; color: #FFF; text-decoration: none; } #nav li a:hover { color: #FA0; }