如何在wordpress中添加菜单项?

时间:2018-01-03 06:53:56

标签: php wordpress

我有以下用于菜单的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 类。 http://my_domain/wp-includes/nav-menu-template.php

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

如何添加 li 类和类?

1 个答案:

答案 0 :(得分:1)

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

打开SCREEN OPTIONS选中“CSS CLASSES”然后你会看到“CSS Classes(optional)”

每个菜单链接中的

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

OR

您可以在 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);

如果您想要 a 标记中的课程,请在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>',
));