WordPressカスタマイズ事例

メニューにサブタイトルをつける

WordPress標準のメニュー機能を使ったグローバルメニューにサブタイトルをつける方法のご紹介。

サービス
Services

日本語メニュー表記の下に小さく英語表記を並べる、みたいなメニューです。

まず、テーマのfunction.phpに下記を追記します。

add_filter('walker_nav_menu_start_el', 'description_in_nav_menu', 10, 4);
function description_in_nav_menu($item_output, $item){
	return preg_replace('/(<a.*?>[^<]*?)</', '$1' . "<br /><span>{$item->attr_title}</span><", $item_output);
}

そして、WordPressのメニュー作成画面を開いて(管理画面で[外観]-[メニュー])、各メニューの「タイトル属性」にサブタイトル文字を入れれば完成です。


その他のWordPressカスタマイズ事例