css - WordPress:如何将 CSS 类添加到由以下代码生成的菜单链接

Question

<?php 
 wp_nav_menu(array('menu' => 'mainnav', 'menu_class' => 'nav-bar-content     current', 'menu_id' => 'navigation', 'container' => false, '      theme_location' => 'primary-menu', 'show_home' => '1')); 
?>

这段代码在我的头文件中，我正在 WORDPRESS 中实现它，并且代码正在生成无序列表，其中我们的列表项具有类似

的链接

<a href = "">

我想将我自己的 CSS 类添加到这个链接，就像

<a class = "some class" href = "">

如果有人可以帮助我，请提前致谢？

Answer 1

1. 从页面右上角选择“屏幕选项”..
2. 然后在“显示高级菜单属性”下单击“CSS 类”
3. 现在将类添加到 WP 菜单结构窗口中的菜单项。

这是 WP 高级菜单设置页面的链接。 https://en.support.wordpress.com/advanced-menu-settings/

然后在你的函数中添加这个。

function my_walker_nav_menu_start_el($item_output, $item, $depth, $args) {
    $class= $item->classes['0'];
    $item_output = preg_replace('/<a /', '<a class="'.$class.'"', $item_output, 1);
    return $item_output;
 }
add_filter('walker_nav_menu_start_el', 'my_walker_nav_menu_start_el', 10, 4);

现在将 CSS 类添加到菜单项，该函数将在 anchor 中输出类。