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でシェアする為のプラグインベスト10

    WordPressでソーシャルサービスなんかにシェアする為のボタンをさ…

  2. WordPress

    WordPressのシングルページで前後の投稿やページ分割のリンクを出力

    WordPressのシングルページで記事の最後に「前の投稿」や「次の投…

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

    WordPress

    WordPressをサーバーにインストールした後にやっておきたい手順リスト

    WordPressをサーバーにインストールした後にやっておきたい手順リ…

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

    WordPress

    WordPressで記事タイトルの文字数制限をするやり方

    WordPressで記事タイトルの文字数制限をするやり方をメモしときま…

  5. WordPress

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

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

  6. Broken Link Checker

    WordPress

    リンク切れをチェックできるWordPressプラグイン「Broken Link Checker」

    そういえば自分のサイトでリンク切れのチェックをしたことがなかったので、…

コメント

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

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

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP