グローバルナビの小さい文字の部分、スマホでも表示することはできますか?

0
いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #68912
    cotonoha-design
    参加者
    11

    【お使いの Snow Monkey のバージョン】13.2.0
    【お使いの Snow Monkey Blocks のバージョン】10.3.0
    【お使いの Snow Monkey Editor のバージョン】4.0.1
    【お使いのブラウザ】Chrome

    ### 実現したいこと
    グローバルナビの小さい文字の部分(画像参照)、スマホでも表示することはできますか?
    メニュー構造にて「説明」に入れる部分です。

    ### 発生している問題

    ### 試したこと

    2
    いいねをした人: 居ません
    #68974
    アバター画像キタジマ タカシ
    参加者
    2421

    設定からはできませんが、コードを追加することで実現できます。

    下記のコードを My Snow Monkey プラグインか、子テーマの functions.php にコピペしてみてください。

    add_filter(
    	'nav_menu_item_title',
    	function( $title, $item, $args, $depth ) {
    		$show_description = 0 === (int) $depth && 'drawer-nav' === $args->theme_location;
    		if ( ! $show_description ) {
    			return $title;
    		}
    
    		$title = sprintf( '<span>%1$s</span>', $title );
    
    		if ( $item->description ) {
    			$title = $title . sprintf( '<small>%1$s</small>', esc_html( $item->description ) );
    		}
    
    		return $title;
    	},
    	10,
    	4
    );

    見た目は CSS で適当に調整が必要かなと思います。

    2
    いいねをした人: 居ません
    #68975
    cotonoha-design
    参加者
    11

    できました!
    ありがとうございます!!

    2
    いいねをした人: 居ません
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • トピック「グローバルナビの小さい文字の部分、スマホでも表示することはできますか?」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。