[WordPress] ワードプレスのナビゲーションの css

スポンサーリンク

質問

私の HTML を移行午前

/ワードプレスの CSS のウェブサイト (テーマを作成する)。私はワードプレス ‘ページ’ li のナビゲーション リンクを有効にする次のコードを使用しています。

、コードの動作、しかし、単語プレス nav スタイリングは HTML サイトをわずかに異なるです

コードはどちらの場合も同じ動作するはずですが WP は、id または クラス のいずれかを適用しないと思われる

だれでもなぜこれらコード スニペットを与えるさまざまな結果 (同じ css シート用です、ワードプレスおよび以外のワードプレスのサイト) のスタイルを理解して私を助けることができます。

WP nav コード (header.php で発見)

    <nav>
      <ul id="navigation" class="slimmenu"> 
        <?php wp_nav_menu(); ?>  
      </ul>
    </nav>  

HTML サイト ナビゲーション コード

<nav>
  <ul id="navigation" class="slimmenu"> 
    <li><a href="bike-shed.php">Home</a></li>
    <li><a href="mountain-bikes.php">Bikes</a></li>
    <li><a href="bicycle-parts.php">Parts</a></li>
    <li><a href="charity-bikeevents.php">Events</a></li>
    <li><a href="contact-bikeshed.php">Contacts</a></li>
  </ul>
</nav>

多くのおかげで、

の答え

要素の内部に

<ul>

wp_nav_menu() 必要はありません

この関数ラッパー (div) を含む HTML を作成します、それは自身の

<ul>

要素有効に起こっているあなたの HTML と CSS は動作する可能性がします。

ちょうど使用:

<nav>
    <?php wp_nav_menu( 'menu_id' => 'navigation', 'menu_class' => 'slimmenu'); ?>  
</nav>  

ワードプレスによって生成された html でも動作あります CSS セレクターが過度に特定ではない場合

http://stackoverflow.com/questions/28730608/wordpress-navigation-css

スポンサーリンク

Leave a Reply