WordPress

wp_nav_menuでWordPressのカスタムメニューを表示させる

カスタムメニューを試していたら改めて便利だなと思ったのでメモしときます。カスタムメニューとはWordPress3.0以降から新しく出た機能でカテゴリなど自分の好きなメニューを作ることができます。順序も好きなように自分でカスタムすることができるのでとても使い勝手がいいです。

[ads_center]

カスタムメニューの使い方

使い方はとても簡単です。functions.phpに以下を追加します。

<?php add_theme_support('menus'); ?>

ダッシュボードの「外観」にメニューという項目があるのでそちらで自分の好きなメニューを作成します。メニューはいくつも登録できるので自分の用途に合ったメニューを作成して下さい。

メニューを表示する

作ったメニューを表示させるには表示させたい場所に以下を記述します。

<?php wp_nav_menu(); ?>

これで作成したメニューが表示されます。メニューを複数作成した場合、自分の表示させたいメニューを絞り込むには以下のようにします。

<?php wp_nav_menu(array('menu' => '表示させたいメニュー名')); ?>

パラメーターに複数作成したメニューから自分の表示させたいメニュー名を指定してあげます。

htmlタグを変更したい

デフォルトではulがdivで括られています。このdivがいらない場合はこんな感じにします。

<?php wp_nav_menu( array('menu' => '表示させたいメニュー名', 'container' => '')); ?>

wp_nav_menuにパラメータを渡していきます。containerのデフォルトの値がdivなのでここを変更すると好きなタグで括ることができます。他にもcontainer_classでクラスを変更したり色々なパラメーターがあるので詳しく知りたい人は以下をどうぞ。

関連記事

  1. WordPress

    WordPressのContact Form 7にCAPTCHAを導入するためのプラグイン「Real…

    WordPressのお問い合わせフォーム(Contact Form 7…

  2. WordTwit

    WordPress

    WordTwitの設定方法や日本語化してからの使い方について

    WordTwitはWordPressで記事を投稿した時に自動でツイート…

  3. WordPress

    WordPressで指定した固定ページを読み込む方法

    WordPressで例えばトップページに自分の指定した固定ページを読み…

  4. WordPressのログイン時のツールバー

    WordPress

    WordPressの投稿画面タイトル欄に文字をペーストすると下にズレるのを直すやり方

    かなりどうでもいい内容なんですが、ちょっと個人的に気になってたので備忘…

  5. Monsterrat

    WordPress

    ミニマルなポートフォリオに最適なWordPressテーマ「Monsterrat」

    ミニマルなデザインのポートフォリオを作りたい時に最適なWordPres…

  6. WordPressのログイン時のツールバー

    WordPress

    WordPressでログイン中に上部ツールバーを表示・非表示にする設定方法

    WordPressでログイン中に上部ツールバーを表示または非表示にする…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP