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で「この記事の所要時間」という読了時間を表示させてくれるプラグイン「estimat…

    とても便利なWordPressのプラグインを発見したので備忘録です。よ…

  2. Hemingway

    WordPress

    レスポンシブ対応の2カラムWordPressテーマ「Hemingway」

    レスポンシブに対応した2カラムのお洒落なWordPressテーマを発見…

  3. WordPress

    WordPressでトップページのURLを変更する方法

    WordPressでWebサイトを作成した時にトップページのURLを「…

  4. WordPress

    WordPressでアイキャッチ画像を使う場合のサイズ設定や画像ありなし時の振り分けなど

    WordPressにあるアイキャッチ画像がとても便利で、自分もWord…

コメント

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

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

最近の記事

  1. SF-G64T
  2. USB Type-C搭載ドッキングステーション
  3. RX100M6

Facebookページ

PAGE TOP