我有以下用于菜单的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 类和锚类?
答案 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>',
));