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日,部分内容可能存在时效性,请注意甄别。

相关推荐

更多教程
ssycms模板开发之模板文章列表 UI相关 ssycms模板开发之模板文章列表

  文章调用代码示例 id=&...

19 浏览
wordpress主题制作之《chiyubaWP主题动态首页制作》 UI相关 wordpress主题制作之《chiyubaWP主题动态首页制作》

​ 前言 今天开始正式进入主题制作了。在...

18 浏览
分享一波wordpress免费开源主题,WordPress玩家不要错过啦! UI相关 分享一波wordpress免费开源主题,WordPress玩家不要错过啦!

WordPress 是个开源建站程序,不...

27 浏览

评论