-1

生成されたWordpressメニューのhtmlは次のようなものです

<ul id="main-menu">
<li> home </li>
<li> About </li>
 ......
...
           <ul class = "sub-menu">

        <li> sub menu1 </li>
        <li> sub menu1 </li>

           </ul>
<li> contact us </li>
  </ul>

ulカスタム ID とクラス名をs とsに与えることは可能liですか?

4

4 に答える 4

1

WP 管理メニューのエディター メニューで必要なすべてを変更できます。

カスタムIDとクラスを使用して、HTMLとCSSを編集できます

于 2013-02-27T06:00:37.537 に答える
0

Wordpress walker クラスを使用して、自動生成されたメニューとツリー マークアップに関するさまざまな変更を行うことができます。

http://codex.wordpress.org/Function_Reference/Walker_Class

リソース セクションのリンクの下部にある wp_nav_menu のサンプル ウォーカーがあります。

[編集: 特にデフォルトのメニュー項目については、メニュー エディタでエントリ li のクラスを入力できます。最初に画面オプションでオプションをオンにするだけです。]

于 2013-02-27T05:13:16.793 に答える
0

header.php および footer.php ファイルで wp_nav_menu を探し、次のコードに置き換えます。

<?php

$defaults = array(
 'menu_class'      => ' - your special class for the UL -',
 'menu_id'         => ' - your special ID for the UL - ',
 'echo'            => true,
 'fallback_cb'     => 'wp_page_menu',
 'items_wrap'      => '<ul id="%1$s" class=" - your specific class for the LIs - ">%3$s</ul>',
 'depth'           => 0,
 'walker'          => ''
);

wp_nav_menu( $defaults );

?>
于 2013-02-27T09:53:40.770 に答える
0

これを使用しましたが、WPとBootstrapを統合しています：

<div class="navbar">
   <div class="navbar-inner">
       <div class="container">
       <ul class="nav">
           <?php wp_list_pages(array('title_li' => '')); ?>
       </ul>
       </div>
   </div>
</div>

また、現在のメニュー項目にアクティブなクラスを適用したいので、次を使用しました。

$(document).ready( function ( e ) {
    $('.current_page_item').addClass('active');
});

これがあなたにアイデアを与えることを願っています。

于 2013-02-27T05:21:01.743 に答える