[WordPress]オリジナルのカスタムメニューを作成する

[WordPress]オリジナルのカスタムメニューを作成する

イメージ

川に行きたい!Latinです。
こう暑い日には、中途半端に汗をかくよりも思いっきり汗をかく方がスッキリする!という持論のもと、週末ジョギングにでも行こうと思ってます。
みなさんも熱中症には気をつけてくださいね。

さて今回は、WordPressのオリジナルのカスタムメニュー作成についてまとめようと思います。

管理画面からメニューを作成

管理画面の「外観」→「メニュー」を選択し、メニューを作成していきます。

メニューの名前を決め、対象のコンテンツをドラッグ&ドロップで選んでいきます。
メニューの名前は日本語でも英語でも構いません。ここではひとまず「Menu Books」として作成していきます。
メニュー項目の構成についてですが、ここではわかりやすいよう「カスタムメニュー」という名前の項目でメニューを作ってみます。

20130709-latin-02.png

作成が終わったら「メニューを保存」を押し、保存しておきます。

20130709-latin-03.png

テンプレートファイルへ作成したメニューを実装

作成したメニューを実装させたいテンプレートファイルへ以下のように記述します。

20130709-latin-04.png

<?php wp_nav_menu(array('menu' => 'Menu Books')); ?>

テンプレートタグ wp_nav_menu を使い実装をします。
menuパラメータで「Menu Books」を渡してあげる事で、先ほど作成したメニューを表示させる事ができます。

パラメータを指定しなかった場合でもメニューの表示そのものは可能なのですが、 これらは wp_nav_menu 独自の振る舞いになります。

詳しくは WordPress Codex をご覧ください。

メニューの実装完了!

20130709-latin-05.png

いかがでしたでしょうか。
こんな具合にカスタムメニューも簡単に実装させる事ができます。

次回はグローバルナビ以外にも、サイドナビ、フッターナビなど、複数かつより複雑な運用ケースを想定した、 register_nav_menu関数を用いたメニューの実装をテーマにしてみようと思います。

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ