如何在wordpress中添加菜单项？ [重复]

Question

这个问题在这里已有答案：

• Adding class to li elements in wp_nav_menu 2回答

我有以下用于菜单的HTML代码。

<ul class="navbar-nav ml-auto">
  <li class="nav-item mr-3">
    <a class="nav-link page-scroll" href="#features">Features <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item mr-3">
    <a class="nav-link page-scroll" href="#features">Pricing <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item mr-3">
    <a class="nav-link page-scroll" href="#features">Download <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item mr-3">
    <a class="nav-link page-scroll" href="#features">Contact <span class="sr-only">(current)</span></a>
</li>
</ul>

在以下文件中添加了ul class。 http://my_domain/wp-includes/nav-menu-template.php

<ul id="%1$s" class="navbar-nav ml-auto">%3$s</ul>

如何添加li类和锚类？

Answer 1

转到YOURSITEURL / wp-admin / nav-menus.php

打开SCREEN OPTIONS选中“CSS CLASSES”，然后你会看到“CSS Classes（optional）”

每个菜单链接中的字段。您可以在每个菜单项的类字段中添加您的类。

要么

你可以添加bellow函数来在li元素中添加类这就是我要做的。只需在functions.php文件中添加这样的内容即可。

function atg_menu_classes($classes, $item, $args) {
  if($args->theme_location == 'secondary') {
    $classes[] = 'list-inline-item';
  }
  return $classes;
}
add_filter('nav_menu_css_class','atg_menu_classes',1,3);

如果你想要一个标签中的类，那么在functions.php中添加下面的代码

function add_link_atts($atts) {
  $atts['class'] = "nav-link";
  return $atts;
}
add_filter( 'nav_menu_link_attributes', 'add_link_atts');

如果你想要ul元素中的类。你可以在标题区域中添加以下代码。

wp_nav_menu( array(
    'theme_location' => 'top-menu',
    'container' => false,
    'items_wrap' => '<ul class="nav your_custom_class">%3$s</ul>',
));