2012年05月31日 category : WordPress tags : design

WordPressのメニューを作成！カテゴリーをメニューにする方法

WordPress3.0で追加されたカスタムメニューを使って記事カテゴリーをメニューにします。

ナビゲーションのメニューをカテゴリーにしてみます。もちろんホームもセットします。今後ナビゲーション部分以外にもメニューを使う可能性もあるのでWordPress3.0以降に実装されたカスタムメニューにて設定してみました。

やっていることは難しくないのですがfunctions.php部分、処理呼び出し部分、WordPress管理画面と３つの処理が連動する形になるので順を追って設定していきましょう。

register_nav_menus(array('menu-main'=>'ナビゲーション１だよ'));

この１行を追加してサーバーにUPしてください。”menu-main”は任意の名前でOKです。自分のわかりやすい名前を付けてください。”ナビゲーション１だよ”も任意の名前でOKです。

“menu-main”は処理呼び出し部分で使います。”ナビゲーション１だよ”はWordPress管理画面で使います。この段階では深く考えず読み流してもらってOKです。

<?php wp_nav_menu(array('theme_location'=>'menu-main')); ?>

おそらくメニューの呼び出しはheader.phpにて行なっていると思いますが、メニューを表示したい場所に上の１行を追加してください。functions.phpで名前をつけた”menu-main”を記述していますので名前を変更している場合はその任意の名前に変更してください。

管理画面の「外観＞メニュー」を選択します。メニューの編集画面になりますので「メニュー名を入力してください」と書いてある箇所にメニュー名をつけます。任意の名前でいいのですがここでは説明用に「MAIN」という名前にします。

メニュー名を入力したら「メニューを作成」をクリックします。するとMAINと書かれたタブが作成されます。ここにメニューとして表示させたいメニュー項目を左のBOX（固定ページ、カテゴリーリンク）から追加します。

今回はカテゴリーのメニューを作りたいのでカテゴリーのBOXからメニュー項目にしたい項目にチェックをいれ「メニューに追加」をクリックします。するとチェックした項目がMAINタブに追加されます。「メニューを保存」をクリックして追加した内容を保存してください。

左のBOXにある「テーマの場所」に01ステップ目でつけた名前がありますね（”ナビゲーション１だよ”）。ここでfunctions.phpと管理画面が連動するわけです。”ナビゲーション１だよ”にはMAINタブのメニュー項目を表示します、ということです。

リストからMAINを選択して「保存」をクリックします。この時点でWeb側の出力結果を確認してみてください。カテゴリー項目でのメニューが表示されていると思います。

ホームも項目にセットします。同じくWordPress管理画面にて左のBOXにあるカスタムリンクを使います。カスタムリンクではURLとラベル名を設定できますのでここに”あなたのサイトのURL”とラベル名”ホーム”を入力して「メニューに追加」をクリックします。

“ホーム”がMAINに追加されましたね。一番下に追加されていると思いますので左クリックで選択したまま一番上に移動させましょう。移動が終わったらここでも忘れず「メニューを保存」してください。

出力結果を確認してください。ちゃんとホーム付きのカテゴリーメニューになりました :D

HOME >> WordPress > WordPressのメニューを作成！カテゴリーをメニューにする方法

NEW：最新記事

<< 前の記事

>> 次の記事