固定ページ-ナビゲーションバーを作成

カスタムメニューの機能でナビゲーションバーを作成

関数

カスタムメニューの機能を有効にする

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;
}

サイドバーの固定ページのメニューを削除

カスタムメニューで追加できるリンク

「表示オプション」の中からメニューに選択できます