Question

生成的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>

是否可以提供自定义ID＆amp;类名称为ul和li s？

Answer 1

您可以在WP管理菜单的编辑器菜单中更改所需的一切。

您可以使用自定义ID和类

编辑html和css

Answer 2

您可以使用Wordpress walker类更改有关自动生成的菜单和树标记的任何数量。

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

资源部分中该链接底部附近有wp_nav_menu的示例walker。

[编辑：对于具有默认值的菜单项，您可以使用菜单编辑器输入一个用于输入项目的类。您只需要先打开屏幕选项中的选项。]

Answer 3

我将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');
});

希望这可以给你一些想法。

Answer 4

在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 );

?>

如何更改默认ID＆amp;一类Wordpress导航菜单

4 个答案: