2016-07-19 9 views
1
<ul class="w3-navbar w3-card-2 w3-light-grey"> 
    <li><a href="#">Home</a></li> 
    <li><a href="#">Link 1</a></li> 
    <li class="w3-dropdown-hover"> 
     <a href="#">Dropdown</a> 
     <div class="w3-dropdown-content w3-white w3-card-4"> 
     <a href="#">Link 1</a> 
     <a href="#">Link 2</a> 
     <a href="#">Link 3</a> 
    </div> 
    </li> 
</ul> 

にwordpressのサブメニューにCSSクラスを追加私は親項目にクラスを添付したwordpressの

wp_nav_menu(array(
        'theme_location'=>'primary', 
        'menu_class'=>'w3-navbar w3-red w3-card-8 w3-large', 
        'container'=>'w3-container'      
        ) 
      ) 

私は、上の生成サブメニュー項目(W3-ドロップダウン・ホバー)&のためのクラスを定義することはできませんよWordPressのメニューに定義されたクラスのコード。

ご協力いただければ幸いです。

+0

CSSセレクタの特異性を高めます。これは、のためのクラスを適用するのに役立ちます。 –

+0

WordPressメニューで自動的に生成されるクラスを変更するには、独自の[menu-walker](https://codex.wordpress.org/Class_Reference/Walker)を作成する必要があります。 –

+0

歩行者参照を理解できません。これを設定する他の方法はありますか? – FastReply

答えて

0

はい、ワードプレスでメニューにクラスを追加することができます(手動)。この機能は、デフォルトではWordPressに隠されているため、最初に有効にする必要があります。

これはどのように行うのです:

1)(スクリーンショットを参照)を使用すると、「画面のオプション」と「ヘルプ」を参照してくださいすることができます右上にApperance->メニューThe screenshot

2)に移動します

3)今、あなたはあなたの作成したメニュー項目をクリックしたときに今、あなたはCSSクラスのフィールドが表示され、ダニボックスの多くを参照してください「CSSクラス」ボックス

4)を選択します「画面のオプション」をクリックしてくださいここでカスタムクラスを入力できます(Screnshot)

Helpful Linkは、あなたのメニューでできることを詳しく説明しています。

関連する問題