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でクラスを変更したり色々なパラメーターがあるので詳しく知りたい人は以下をどうぞ。

ローカル環境のMAMPでWordPressをマルチサイト化してみる前のページ

WordPressでマルチサイト化した時にアイキャッチ画像の設定が表示されない次のページ

関連記事

  1. WordPress

    ブログの編集作業が捗るWordPressプラグイン「AddQuicktag」

    すごく便利なプラグイン「AddQuicktag」を使ってみました。なん…

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

    WordPress

    WordPressの囲み型ショートコードの基本的な使い方

    WordPressのショートコードはとても便利で色々なことができるんで…

  3. WordPress

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

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

  4. WordPress

    プラグインを使わないでWordPressにページナビを実装してみる

    WordPressのトップページなどの一番下によくあるページナビをプラ…

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

    WordPress

    WordPressでアイキャッチ画像のサイズによって出力を振り分ける条件分岐のやり方

    WordPressでアイキャッチ画像をサイズ別で出力を振り分ける条件分…

  6. WordPress

    WordPressで特定の記事やページにカスタムフィールドで指定したCSS・JSファイルを読み込む

    個人的に今後ちょっと使いそうな機能だったのでメモがてらエントリー。Wo…

コメント

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

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

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP