2014-02-26 60 views
0

如何添加自定义类到WordPress的WordPress导航菜单的标签? 我想添加一个类来定位WordPress的导航菜单的标签这里是代码。如何添加一个自定义类到wordpress导航菜单的锚点wp_nav_menu()?

<ul class="nav"> 
<li class="liTop"> <a class="nonblock nontext anim_swing clearfix" href="#home">Home</a> </li> 
<li class="liTop"> <a class="nonblock nontext anim_swing clearfix" href="#about">About</a> </li> 
<li class="liTop"> <a class="nonblock nontext anim_swing clearfix" href="#contact">Contact</a></li> 
</ul> 
+0

你可以查看以下链接:http://stackoverflow.com/a/29335629/4041670 –

回答

0

您可以使用jQuery只需添加类...

$(document).ready(function(){ 
    $('.nonblock').addClass('your_class_name'); 
}); 
0

使用jQuery来解决这个问题。

$(documrnt).ready(function(){ 
    $('.nav').find('li').addClass('liTop'); 
    $('.lilop').find('a').addClass('nonblock nontext anim_swing clearfix'); 
}); 
0

伙计们感谢您的回复,但我找到了我的解决方案。这是一个窍门。 中的functions.php

function add_menuclass($ulclass) { 
return preg_replace('/rel="nonblock nontext anim_swing clearfix"/', 'class="nonblock nontext anim_swing clearfix"', $ulclass, -1); 
} 
add_filter('wp_nav_menu','add_menuclass'); 

下面的代码粘贴在哪里是顶说屏幕选项,确保你已经“链接关系(XFN)”检查。它会将该字段添加到您的自定义菜单项中。在该字段中输入“your_class”并保存菜单。

该函数查找对导航菜单的调用,然后找到您拥有rel =“other_class”的位置并将其替换为class =“your_class”。您可以使用您需要添加到菜单项中的任何类来替换your_class。

相关问题