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网站的Robots.txt编写教程 UI相关 WordPress网站的Robots.txt编写教程

要知道WordPress robots....

6 浏览
Qt 删除QGridLayout布局 UI相关 Qt 删除QGridLayout布局

前言 最近在使用QGridLayout动...

4 浏览
ssycms模板开发之模板详情模板页 UI相关 ssycms模板开发之模板详情模板页

以下列出常用详情模板页面调用标签代码 你...

6 浏览

评论