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

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

サービス
Services

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

まず、テーマのfunctions.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のメニュー作成画面を開いて（管理画面で［外観］-［メニュー］）、各メニューの「タイトル属性」にサブタイトル文字を入れれば

<a title="サービス" href="/services/">サービス<br /><span>Services</span></a>

になります。