サポート » 使い方全般 » 固定ページのメニューのそれそれにCSSをきれいに設定したい

  • 解決済 31.com

    (@31com)


    トップページに固定ページのメニューを複数のせてます
    (「外観>メニュー>から」)
    なのでindex.phpのソースは
    <?php wp_nav_menu(array(
    ‘theme_location’ => ‘main_navi’
    )); ?>
    というのがあり、

    展開されたhtmlソースは
    <li id=”menu-item-35″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-35″>
    <li id=”menu-item-34″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-34″>

    のようになります。
    ちなみにwindowsのフラットデザインです。

    で、それぞれのタイルにbackcground-imageを設定したいのですが
    メニューなので新たにclassを追加できず、結局
    li.menu-item-35
    li.menu-item-34のようにCSSを書いてます。
    が、これだと気持ち悪いですよね。

    で、とりあえず、
    li:nth-child(7)
    li:nth-child(8)
    のようにしています。。。
    が、これでも気持ち悪いですよね

    いい方法はないでしょうか?

    よろしくお願い申し上げます

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは、

    カスタムメニューのページのそれぞれのメニューのメタボックスを開くと(カスタムというリンクをクリック)すると、CSSのclassが指定できるようになっています。

    もし表示されていない場合は、画面右上に表示オプションというタグがありますから、それをクリックすると、リンクターゲット とか CSSクラスというチェックボックスがありますので、それをチェックするとメタボックスにメニューが追加されます。

    トピック投稿者 31.com

    (@31com)

    nobita様ありがとうございます。

    ですが、表示オプションの「cssクラス」にチェックしても、カスタムというリンクが見当たりません。どこにあるのでしょうか?
    また、メタボックスというのはどれでしょうか?

    質問攻めで恐縮ですが、よろしくお願い申し上げます

    説明しずらいので、画像を見てください

    http://ibin.co/1ZhWcfIQNslI

    トピック投稿者 31.com

    (@31com)

    スクリーンキャプチャまでとっていただいてありがとうございます、
    うまくできました

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「固定ページのメニューのそれそれにCSSをきれいに設定したい」には新たに返信することはできません。