WordPress给导航菜单A链接添加class和data属性

使用WordPress的朋友应该知道wp_nav_menu函数是不能给a标签添加额外的属性的，比如class， data等，所以这就我们需要手动另外添加了。

给导航菜单的a标签添加class和data属性的方法也很简单，在当前使用的WordPress主题的functions.php文件中添加以下代码即可：

<code>function xintheme_menu_link_at<span class="xiomao-260-mypl" data-mark="seo"></span>ts( $atts, $item, $args ) {
$atts['class'] = 'nav-li<span class="xiomao-315-mypl" data-mark="seo"></span>nk';<span class="xiomao-320-mypl" data-mark="seo"></span>
$atts['data-link-alt'] = $item->title;
r<span class="xiomao-366-mypl" data-mark="seo"></span>eturn $atts;
}
add_filter( 'nav_menu_link_attributes', 'xintheme_menu_link_atts', 10, 3 );</code>

我们还可以移除菜单导航中自带的多余Class类名，具体方法可以看下面这篇文章：

WordPress如何移除菜单导航中自带的多余Class类名

看过我们前几篇文章的朋友应该能够成功在WordPress后台添加多个自定义菜单，并且在前端调用新增的自定义菜单

情归酒肆

• 2020-10-16 15:32:57
• 0
• 76

该文章转载来自暖岛网