クリエイティブ業界の注目情報や求人情報などを発信する、クリエイターのための総合情報サイトです。
column_general_header

【WordPress】カスタムメニュー追加

WordPressでは「カスタムメニュー」つまりメニューの並びを簡単に追加・編集・削除することができます。

管理画面の【サイドメニュー】→【メニュー】を選択して、設定します。

 

まずは【functions.php】に以下の宣言を記載。

<?php register_nav_menu( $location, $description ); ?>  //カスタムメニューを登録
        //例:register_nav_menu( 'gnav', 'gnav' );        //カスタムメニューの名前を設定

 

いろんな【class】や【id】などが勝手に入るので、削除するには下記をfunction.phpに記載。

add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
 return is_array($var) ? array_intersect($var, array( 'current-menu-item' )) : '';
}

 

入れたいPHPの部分には以下を記載。

<?php wp_nav_menu( array(
       'theme_location'=>'mainmenu',
        'container'     =>'',
        'menu_class'    =>'',
        'items_wrap'    =>'<ul id="main-nav">%3$s</ul>'));   //何で囲むか(基本的に<li>でかきだされるので<ul>で)
        ?>
author

narumasa(なるまさ)

http://narumasa.com


フリーランスのWebクリエイターとして2001年から活動。
レコーディング・エンジニアとして職歴をスタートし、Webの勉強をすべくスクールに通い、デザイン会社のWebデザイナーへ。2001年に退職後、フリーランスのWebクリエイターとして活動しつつ、商品企画会社に入社し、企画プロデューサー・取締役を経て、再びフリーランスに。
現在はフリーランスのWebクリエイターとして数々の大企業のホームページから街の商店のホームページまで、1人で企画からディレクション、デザイン、コーディング、プログラミングまで全てを担当している。

関連記事