php - 如何更改 Wordpress 导航菜单的默认 ID 和类别

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>

是否可以为uls 和lis 提供自定义 id 和类名？

Answer 1

您可以在 WP 管理菜单的编辑器菜单中更改所需的所有内容。

您可以使用自定义 id 和类编辑您的 html 和 css

Answer 2

我将 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 3

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

?>

Answer 4

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

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

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

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