[WordPress] menu_class ワードプレスのナビゲーション。複数の入れ子になったクラスの定義の問題

スポンサーリンク

Question

ワードプレスに新たなんだので、私は、

dashboard

のメニューを作成しました。ここでは私の

header.php

のファイルにあるコード



     __( 'Header Menu' ),
          'extra-menu' => __( 'Extra Menu' )
        )
      );
    }
    add_action( 'init', 'register_my_menus' );

    ?>




     'inner-header',
        'menu_class' => 'menubar',


     ) );

     ?>

午前問題は、

menu_class

を定義するときそれがのみ動作する 1 つの単語クラスを呼び出す場合。ここでは、以下の css です。すべてのメニューのスタイルとスタイルを設定全体のメニューを必要としています

ul.menubar {
  background: white;
  list-style: none;
  padding: 0 10px;
  height: 40px;
  padding-bottom: 30px;
  float: right;
}
/* line 157, ../scss/my-styles.scss */
ul.menubar > li {
  display: inline-block;
  position: relative;
}
/* line 161, ../scss/my-styles.scss */
ul.menubar > li > a {
  color: black;
  display: block;
  padding: 10px 14px;
  text-decoration: none;
}
/* line 167, ../scss/my-styles.scss */
ul.menubar > li > a:hover {
  background: #29a7f5;
  color: white;
}
/* line 170, ../scss/my-styles.scss */
ul.menubar > li > ul {
  display: none;
  position: absolute;
  top: 100%;
  background: white;
  padding: 10px 0;
}
/* line 177, ../scss/my-styles.scss */
ul.menubar > li > ul > li > a {
  color: black;
  display: block;
  padding: 8px 20px;
  text-decoration: none;
}
/* line 183, ../scss/my-styles.scss */
ul.menubar > li > ul > li > a:hover {
  background: #29a7f5;
  color: white;
}
/* line 188, ../scss/my-styles.scss */
ul.menubar > li.is-selected > a {
  background: #29a7f5;
  color: white;
}
/* line 189, ../scss/my-styles.scss */
ul.menubar > li.is-selected > ul {
  display: block;
}

ul.menubar として PHP のクラスを定義する場合は動作しません。すべての

ul.menubar > li > a

. のような他のクラスを定義しようとしているだけでことができますなどなど

任意の助けをいただければ幸いです !おかげで親切

答え

この 5 月ヘルプ米国を考える…. ワードプレスで基本的にはこの形式で撮影メニュー

    

参照: http://codex.wordpress.org/Function_Reference/wp_nav_menu

答え

… これを試してください

            .menubar {
  background: white;
  list-style: none;
  padding: 0 10px;
  height: 40px;
  padding-bottom: 30px;
  float: right;
}
/* line 157, ../scss/my-styles.scss */
.menubar > li {
  display: inline-block;
  position: relative;
}
/* line 161, ../scss/my-styles.scss */
.menubar > li > a {
  color: black;
  display: block;
  padding: 10px 14px;
  text-decoration: none;
}
/* line 167, ../scss/my-styles.scss */
.menubar > li > a:hover {
  background: #29a7f5;
  color: white;
}
/* line 170, ../scss/my-styles.scss */
.menubar > li > ul {
  display: none;
  position: absolute;
  top: 100%;
  background: white;
  padding: 10px 0;
}
/* line 177, ../scss/my-styles.scss */
.menubar > li > ul > li > a {
  color: black;
  display: block;
  padding: 8px 20px;
  text-decoration: none;
}
/* line 183, ../scss/my-styles.scss */
.menubar > li > ul > li > a:hover {
  background: #29a7f5;
  color: white;
}
/* line 188, ../scss/my-styles.scss */
.menubar > li.is-selected > a {
  background: #29a7f5;
  color: white;
}
/* line 189, ../scss/my-styles.scss */
.menubar > li.is-selected > ul {
  display: block;
}

http://stackoverflow.com/questions/27241599/menu-class-wordpress-navigation-problems-defining-multiple-nested-classes

スポンサーリンク

Leave a Reply