カスタムメニューとはカスタムメニューは、下図のようなメニューバーを作るのに便利な仕組みです。主な特徴として、次の2点が挙げられます。複数のリンクを、バー形式やリスト形式で表示できる。各リンクの内容を、ダッシュボードでカスタマイズできる。カスタムメニューの設置方法は2種類カスタムメニューの設置方法は2つあります。ウィジェットとして追加するテーマを編集しなくても、カスタムメニューの機能を利用することができる方法です。サイドバーの位置にメニューを設置する場合は便利な機能です。テーマを編集して、カスタムメニューに対応する制作するWEBデザインに合わせて、カスタムメニューに対応するためのコードを書きます。冒頭の図(→リンク)のように、サイドバー以外の部分に設置するなら、こちらの方が便利です。以下では、「方法2」を前提にカスタマイズしていきます。カスタマイズするここでは、以下の順にファイル編集&設定していきます。functions.phpを編集する下記コードを挿入することで、カスタムメニューの機能を有効化します。'メインメニュー');引数として、下記2点を指定します。ダッシュボードのメニュー設定ダッシュボード>外観>メニューを開くfunctions.phpを編集したら、ダッシュボードを開いてみます。編集前に表示されていた「このテーマはメニューに対応していません・・・」メッセージが消えました。メニューを作成する好きなメニュー名を入力して、「メニューを作成」ボタンを押します。すると自動的に、「位置の管理」という新しいタブが追加されます。「テーマの位置」という新しい項目が表示されます。値を入力して、「メニューに追加」ボタンを押します。補足1:「投稿」や「タブ」など、表示されていない項目のメニューを作成したい場合は、画面右上の「表示オプション」をクリックして、該当する項目にチェックを入れます。補足2:「このメニューに新しいトップレベルのページを自動追加」にチェックを入れると、このメニュー作成後に公開した固定ページが自動的にメニューに追加されます。テーマの位置に対して、メニューを選択する位置の管理タブを開くと、テーマの位置にregister_nav_menu()で指定した”ロケーションの説明”が表示されています。指定されたメニューのプルダウンには、先ほど作成したメニュー名が表示されていますので、それを選択して保存ボタンを押します。メニューの場所(ロケーション)に対して、メニューを対応づけるという意味があります。補足:「メニューを編集」タブのテーマの位置で、表示する位置にチェックを入れておくと、この作業をSKIPできます。以上で、ダッシュボードの設定は終わりです。header.phpを編集する今回はheader.phpが出力する画面領域にメニューを挿入するので、header.phpにメニュー出力関数を挿入します。?></nav>theme_locationには、ロケーション名(functions.phpのregister_nav_menuで引数指定したもの)を指定します。その他オプションについては、公式リファレンス(>>リンク)を参照してください。※補足:今回の例では、デフォルト出力されるdivタグを消し、ulタグのidを変更するように引数指定しています。サイト出力(liタグのclass名後半は省略)サイト出力して、該当するHTMLを確認します。</ul></nav><ul>〜</ul>ブロックが、wp_nav_menu()関数で出力された箇所です。ダッシュボードで作成したメニュー項目の順番に従って、リスト形式で出力されます。style.cssを編集する先ほど確認したHTMLに合わせて、スタイルシートを定義します。注:...と言っても、この記事まで順に見てくださった方は、すでにstyle.cssに定義されていると思います。#fff;}以上で、このようなメニューバーを設置できました。2012年5月Authorプログラマー:TaeWordPressのサイト制作を始めて2年になりました。WordPressテーマの作り。