WWordPressカスタマイズ事例

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

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>

になります。

【100ウェブ新着情報メルマガ】

WordPressカスタマイズ事例やウェブ制作ノウハウの新着情報、お役立ち情報を
リアルタイムにメルマガ配信！

似たようなWordPressカスタマイズ事例

メニュータグ wp_nav_menu をカスタマイズしてメガメニューの礎（いしずえ）を築く

メニュータグ wp_nav_menu をカスタマイズして第一階層のメニューのリンクテキストをhタグで囲う

wp_nav_menu を使った、日々更新される投稿ページ一覧をグローバルメニューに出す方法

WordPressカスタマイズ事例一覧

DWebデザイン実績

100ウェブでは、すべての方に無料でデザインをご提案。
提案されたデザインを見てから購入するか決めてください。気に入らなければデザイン料金無料！

カット野菜メーカーのホームページ

株式会社阪栄様
WordPress

旅館・ホテル向けサービスのWebサイト

トリノ・ガーデン株式会社様
WordPress

Webデザイン実績一覧

S100ウェブの制作・開発案件紹介

100ウェブで手がけた制作・開発案件を一部、ご紹介。
クライアントからご相談いただいた内容とその実装におけるポイント、工期、予算について確認いただけます。

ユニバーサルデザインでサイトデザインをお願いしたい

ページの中身（コンテンツ）は一切変更せずにデザインだけ変えたい

WordPress以外のCMSでサイトを構築したい

SEOを重視した店舗ブランディングサイト

セミナーやイベントの参加申込みを受け付けることができるサイトを制作したい

顧客リストを作るためのランディングページの制作

制作・開発案件一覧

Cとりあえずは100ウェブに相談してみよう

【テレワーク実施中につきお電話転送中】
コール中1秒程度無音状態になりますがそのままお待ちください。

0120-555-875

受付時間
平日 10:00～18:00

メールでのお問い合わせ

メールでのお問い合わせでも
1営業日以内にご連絡いたします。