Php 如何在WordPress导航锚标签中添加CSS类?
我使用的是Bootstrap 4和我的菜单结构,如下所示:Php 如何在WordPress导航锚标签中添加CSS类?,php,css,wordpress,bootstrap-4,Php,Css,Wordpress,Bootstrap 4,我使用的是Bootstrap 4和我的菜单结构,如下所示: <ul class="navbar-nav mx-auto justify-content-center"> <li class="nav-item"> <a class="nav-link" href="index.php">HOME</a> </li> <li class="nav-item"> <a
<ul class="navbar-nav mx-auto justify-content-center">
<li class="nav-item">
<a class="nav-link" href="index.php">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="faq.php">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="rules-and-regulations.php">RULES AND REGULATIONS</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="javascript:void(0)">REGISTRATION</a>
</li>
</ul>
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'depth' => 2,
'container' => false,
'menu_class' => 'navbar-nav mx-auto justify-content-center',
'direct_parent' => true,
'sub_menu' => true,
'show_parent' => true
));
?>
我可以轻松地在li
标记中添加nav项目
类,但我还想将nav链接
类添加到锚标记中
我在header.php
文件中调用WP Nav,如下所示:
<ul class="navbar-nav mx-auto justify-content-center">
<li class="nav-item">
<a class="nav-link" href="index.php">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="faq.php">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link" href="rules-and-regulations.php">RULES AND REGULATIONS</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="javascript:void(0)">REGISTRATION</a>
</li>
</ul>
<?php
wp_nav_menu( array(
'theme_location' => 'primary',
'depth' => 2,
'container' => false,
'menu_class' => 'navbar-nav mx-auto justify-content-center',
'direct_parent' => true,
'sub_menu' => true,
'show_parent' => true
));
?>
在function.php文件中添加此函数
function my_walker_nav_menu_start_el($item_output, $item, $depth, $args) {
// $classes = implode(' ', $item->classes);
$classes = 'my-class';
$item_output = preg_replace('/<a /', '<a class="'.$classes.'"', $item_output, 1);
return $item_output;
}
add_filter('walker_nav_menu_start_el', 'my_walker_nav_menu_start_el', 10, 4);
function my_walker_nav_menu_start_el($item_output,$item,$depth,$args){
//$classes=内爆(“”,$item->classes);
$classes='myclass';
$item_output=preg_replace('/您需要使用wp_nav_walker类来实现这一点。或者您可以使用jQuery来实现。是的,我可以,但是有没有其他方法可以在不使用jQuery/wp_nav_walker的情况下添加类?您尝试过这个答案吗?