wordpress主题开发之《导航栏a标签样式自定义》

​正文如下 1. functions.php函数中添加代码 function sonliss_menu_lin […]

​正文如下

1. functions.php函数中添加代码

function sonliss_menu_link_atts($atts, $item, $args)
{
    if ($args->theme_location == 'main_menu') { //这里的 main 是菜单id
        $atts['class'] = 'nav-link hr-nav__link dropdown-toggle arrow-none';
        $atts['title'] = $item->title;
    }
    return $atts;
}
add_filter('nav_menu_link_attributes', 'sonliss_menu_link_atts', 100, 3);

2. 页面中添加代码

3. 最后显示效果

版权声明
文章标题:wordpress主题开发之《导航栏a标签样式自定义》
文章链接:https://blog.chiyuba.com/qianduanjishu/ui/133.html
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布,转载或引用请注明出处。
温馨提示:本文最后更新于 2021年6月27日,部分内容可能存在时效性,请注意甄别。

相关推荐

更多教程
wordpress主题开发之《主样式表 (style.css)》文件说明 UI相关 wordpress主题开发之《主样式表 (style.css)》文件说明

前言 style.css 是每个 Wor...

35 浏览
wordpress主题开发之《导航栏li标签样式自定义》 UI相关 wordpress主题开发之《导航栏li标签样式自定义》

​  1. 原来wordpress自带的...

20 浏览
wordpress主题开发之《首页导航栏制作》 UI相关 wordpress主题开发之《首页导航栏制作》

​  前言 昨晚一个简单的首页导航栏搞了...

34 浏览

评论