建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

wordpress制作模版时调用置顶文章(wordpress菜单调用增加li标签的样式)

GG网络技术分享 2025-03-18 16:12 0


wordpress制作模版时调用置顶文章

我们在制作wordpress主题时,调用置顶文章是必不可少的一项功能,下面说如何在模版中调用置顶文章。

两个重要函数

置顶文章用到的两个重要函数

1、is_sticky() 判断文章是否置顶

2、get_option(‘sticky_posts’): 获取置顶文章ID,包含所有置顶文章ID的数组

用query_post调用置顶文章

上面就是在query_post中调用文章的方法,具体解释一下

‘post__in’ => get_option(‘sticky_posts’), //在置顶文章中调取文章
‘posts_per_page’ => 5, //获取五篇置顶文章
‘ignore_sticky_posts’ => 1 //默认值为0,不排除置顶文章

若是想排除置顶文章外的其余文章用 ‘post__not_in’ => get_option(‘sticky_posts’), 这样就可以在调用列表时排除置顶文章

用WP_Query调用置顶文章

和上面的方法有点类似

如果只显示置顶文章那么用is_sticky()判断即可。

wordpress菜单调用增加li标签的样式

在做Wordpress网站的时候最麻烦的就是菜单调用的样式问题了,有很多默认的样式,没法自定义修改。

今天给大家分享一个简单的方法给li标签添加样式,满足开发需要:

只需要把下面代码加进wordpress主题函数functions.php里面就可以了

functionMBT_menu_classes($classes,$item,$args){

if($args->theme_location=='head_nav1'){//这里的mobile是菜单的id

$classes[]='c-header-navigation__item';

}

return$classes;

}

add_filter('nav_menu_css_class','MBT_menu_classes',1,3);

对应修改一下菜单的id和要修改的class样式就可以了。

显示效果如下:

<liid="menu-item-17"class="menu-itemmenu-item-type-custommenu-item-object-customcurrent-menu-itemcurrent_page_itemmenu-item-homemenu-item-17c-header-navigation__item"><ahref="#">首页</a></li>

1234.png

标签:

提交需求或反馈

Demand feedback