Question

如何添加自定义类来锚定wordpress导航菜单的标签？我想添加一个类来锚定wordpress导航菜单的标签，这里是代码。

<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>

Answer 1

您可以使用jquery ...

简单地添加类

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

Answer 2

使用jquery解决此问题。

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

Answer 3

伙计们感谢您的回复，但我找到了解决方案。这是诀窍。将以下代码粘贴到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替换为您需要添加到菜单项的任何类。

Answer 4

   /* Add following code in your functions.php */

   function add_class_to_all_menu_anchors( $atts ) {
       $atts['class'] = 'your_custom_class';

       return $atts;
    }
    add_filter( 'nav_menu_link_attributes', 'add_class_to_all_menu_anchors', 10 );

如何将自定义类添加到wordpress导航菜单wp_nav_menu（）的锚点？

4 个答案: