メニュー(ヘッダーナビ)をサブタイトル付きにして2行にする方法

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など メニュー(ヘッダーナビ)をサブタイトル付きにして2行にする方法

このトピックには2件の返信が含まれ、1人の参加者がいます。1 ヶ月前 ミッキー さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #59373

    ミッキー

    お世話になっております。

    ヘッダーナビに、ホームという文字の下にhomeといったように2行で表示させたいと思いました。

    色々調べて、二つ試してみました。
    一つ目
    外観メニューの編集でナビゲーションラベルのところに
    ホーム<span>home</span>
    というのを書きました。

    二つ目
    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' . "<span>{$item->description}</span><", $item_output);
    }

    というのを書き、外観メニューの編集で説明のところに
    home
    というのを書きました。

    どちらでも表示されたのですが、フッターナビにも表示されてしまいました。
    フッターナビだけを表示させないようにはできるのでしょうか。
    arrayというものが関係しているのでしょうか。
    いくら考えてもわけが分かりません。

    お忙しいところ恐れ入りますが、教えていただけますでしょうか。
    よろしくお願いいたします。

  • #59374

    かうたっく

    こんにちは

    外観-メニューから、右上にある『表示オプション』を開いたところにある『詳細メニュー設定を表示』の『説明』にチェックを入れるとサブタイトルのように表示できました。

    参考リンク
    https://wp-cocoon.com/global-menu-item-caption/

    WordPressの機能っぽく、HTMLは書けませんが『文字列』でしたら対応出来たので、試していただけますか。

  • #59375

    ミッキー

    参考リンクを参考にしたところ出来ました!

    ヘッダーナビにだけ表示するには、メニューを二つ作るのですね!
    今まで、複数作れることを知りませんでした。。

    わいひらさんCocoonというテーマを新たに作られたのですね!
    素晴らしいですね(゚∀゚ノノ”☆パチパチパチ
    そちらも使ってみたくなりました!

    かうたっくさんありがとうございました!

トピック「メニュー(ヘッダーナビ)をサブタイトル付きにして2行にする方法」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)