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プラグインEditorial Calendar…

    こちらの記事を見て予約投稿っていいなぁって思ったので初めて使ってみまし…

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

    WordPress

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

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

  3. WordPress

    WordPressでアイキャッチ画像にキャプションを表示させる設定方法

    WordPressのアイキャッチ画像にキャプションを付けたい時ってあり…

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

    WordPress

    WordPressで現在のページのタグ名を出力するにはsingle_tag_titleを使う

    先日「WordPressで現在のページのカテゴリー名を出力するにはsi…

  5. WordPress

    WP-DBManagerを使ってWordPressのバックアップを取ってみる

    WordPressのバックアップをプラグインのWP-DBManager…

コメント

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

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

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP