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

选择＆＃34;屏幕选项＆＃34;从页面右上角..
然后在＆＃34;显示高级菜单属性＆＃34;点击＆＃34; CSS Classes＆＃34;
现在将类添加到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类添加到菜单项中，该函数将在锚中输出类。

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

1 个答案: