Blogs主题如何在首页和列表页添加置顶文章功能?
时间:2023年09月16日
/来源:网络
/编辑:佚名
由于78模板网分享的主题都是用站长推荐来取代置顶文章,所以在编辑文章时,不管是否勾选了置顶文章都不会生效,虽然我自己用不到这个功能,但是也经常有站长问到如何添加置顶功能。今天78模板网就以WordPress 版本的 Blogs 主题为例添加首页和列表页的置顶功能,其他主题请参考折腾即可。
1、修改首页 index.php 文件
直接编辑 Blogs 主题的 index.php 文件,找到以下代码
<div id="post_list_box" class="border_gray">
Markup
复制
在它下方添加以下代码:
<?php
$sticky = get_option( 'sticky_posts' );
query_posts( array('post__in' => $sticky,'showposts'=>3) );
?>
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" class="archive-list <?php $postds=$wp_query->current_post;if($postds % 2 ==0){echo "shuangshu";}?>">
<?php get_template_part( '/inc/content'); ?>
</article><!-- #post -->
<?php endwhile;endif; ?>
PHP
复制
2、修改列表页 archive.php 文件 直接编辑 Blogs 主题的 archive.php 文件,找到以下代码 <div id="post_list_box" class="border_gray">
PHP
复制
在它下方添加以下代码:
<?php
query_posts(array(
"category__in" => array(get_query_var("cat")),
"post__in" => get_option("sticky_posts"),
'showposts' => 3,
)
);
while(have_posts()) : the_post();
?>
<article id="post-<?php the_ID(); ?>" class="archive-list <?php $postds=$wp_query->current_post;if($postds % 2 ==0){echo "shuangshu";}?>">
<?php get_template_part( '/inc/content'); ?>
</article><!-- #post -->
<?php endwhile;wp_reset_query(); ?>
<?php
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
$sticky = get_option( 'sticky_posts' );
$args = array(
'category__in' => array(get_query_var("cat")),
'post__not_in' => $sticky,
'paged' => $paged
);
query_posts( $args );
?>
PHP
复制
3、修改 inc\content.php 文件
直接编辑 inc\content.php 文件,找到文章标题代码:
<?php the_title(); ?>
PHP
复制
修改为
<?php if(is_sticky()){echo '【置顶】';}the_title(); ?>
PHP
复制
至此,已经为 WordPress 版本的 Blogs 主题添加了置顶文章功能,接下来只需要在后台编辑文章的时候,在公开度 - 公开中勾选"将文章置于首页顶端"或快速编辑勾选"置顶这篇文章"即可。

列表页置顶文章效果图
温馨提示:
以上代码默认显示 3 篇置顶文章,想要显示更多只需要将 'showposts' => 3 中的 3 修改成其他数字即可。
置顶样式默认只是在标题前方添加【置顶】字样而已,想要添加其他样式请自行编辑 inc\content.php 文件。
如果不想折腾的话,直接点此下载"置顶修改文件(hc4b)"后上传覆盖即可。
置顶修改文件下载地址:
链接: https://pan.baidu.com/s/1wGCQPCIaILSbWSO9fKLjFw 提取码: shxy
https://pan.baidu.com/s/1rk2zGyQKxKprA2MDaVYD9A 提取码:hc4b
1、修改首页 index.php 文件
直接编辑 Blogs 主题的 index.php 文件,找到以下代码
<div id="post_list_box" class="border_gray">
Markup
复制
在它下方添加以下代码:
<?php
$sticky = get_option( 'sticky_posts' );
query_posts( array('post__in' => $sticky,'showposts'=>3) );
?>
<?php if ( have_posts() ) : ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" class="archive-list <?php $postds=$wp_query->current_post;if($postds % 2 ==0){echo "shuangshu";}?>">
<?php get_template_part( '/inc/content'); ?>
</article><!-- #post -->
<?php endwhile;endif; ?>
PHP
复制
2、修改列表页 archive.php 文件 直接编辑 Blogs 主题的 archive.php 文件,找到以下代码 <div id="post_list_box" class="border_gray">
PHP
复制
在它下方添加以下代码:
<?php
query_posts(array(
"category__in" => array(get_query_var("cat")),
"post__in" => get_option("sticky_posts"),
'showposts' => 3,
)
);
while(have_posts()) : the_post();
?>
<article id="post-<?php the_ID(); ?>" class="archive-list <?php $postds=$wp_query->current_post;if($postds % 2 ==0){echo "shuangshu";}?>">
<?php get_template_part( '/inc/content'); ?>
</article><!-- #post -->
<?php endwhile;wp_reset_query(); ?>
<?php
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
$sticky = get_option( 'sticky_posts' );
$args = array(
'category__in' => array(get_query_var("cat")),
'post__not_in' => $sticky,
'paged' => $paged
);
query_posts( $args );
?>
PHP
复制
3、修改 inc\content.php 文件
直接编辑 inc\content.php 文件,找到文章标题代码:
<?php the_title(); ?>
PHP
复制
修改为
<?php if(is_sticky()){echo '【置顶】';}the_title(); ?>
PHP
复制
至此,已经为 WordPress 版本的 Blogs 主题添加了置顶文章功能,接下来只需要在后台编辑文章的时候,在公开度 - 公开中勾选"将文章置于首页顶端"或快速编辑勾选"置顶这篇文章"即可。

列表页置顶文章效果图
温馨提示:
以上代码默认显示 3 篇置顶文章,想要显示更多只需要将 'showposts' => 3 中的 3 修改成其他数字即可。
置顶样式默认只是在标题前方添加【置顶】字样而已,想要添加其他样式请自行编辑 inc\content.php 文件。
如果不想折腾的话,直接点此下载"置顶修改文件(hc4b)"后上传覆盖即可。
置顶修改文件下载地址:
链接: https://pan.baidu.com/s/1wGCQPCIaILSbWSO9fKLjFw 提取码: shxy
https://pan.baidu.com/s/1rk2zGyQKxKprA2MDaVYD9A 提取码:hc4b
新闻资讯 更多
- 【wordpress教程】WordPress跟踪记录访客在网站的搜索词 优化网站内容和搜索体验03-31
- 【wordpress教程】Zibll子比主题的用户中心修改头像增加支持上传PNG图片文件03-31
- 【wordpress教程】wordpress报错429怎么办03-28
- 【wordpress教程】wordpress如何批量删除指定分类目录下的所有文章03-23
- 【wordpress教程】Wordpress 在文章内容的第二段后面插入广告03-03
- 【wordpress教程】WordPress纯代码禁止发表重复标题的文章03-03
- 【wordpress教程】给wordpress博客-VIEU主题评论框添加打字特效(其他主题类似)03-03
- 【wordpress教程】wordpress自动批量定时发布插件 DX-auto-publish02-08
热门文章
- 178Moban源码谈谈免费源码与收费源码的区别
- 2帝国CMS忘记后台登陆用户名、密码、认证码的解决方法
- 3帝国CMS(EmpireCMS) v7.5后台任意代码执行漏洞及具体修复方法
- 4帝国CMS和WordPress 哪个好?哪个适合建站?
- 5如何解决Discuz的密码错误次数过多请15分钟后登陆的问题
- 6帝国cms灵动标签取得内容和栏目链接地址
- 7emlog pro 注册码“开心”教程(如果有一天,emlog官方版 或者 emlog免费版 跑路了,那用户怎么办?)
- 8织梦CMS在nginx下设置伪静态方法(附nginx伪静态规则)
- 9帝国cms后台登录出现”您还未登录”怎么解决?
- 10帝国cms7.5忘记登录密码 和忘记登录认证码以及多次登录 失败被锁定解决办法