• 售前

  • 售后

热门帖子
入门百科

wordpress如何设置文章置顶以及区分置顶文章与普通文章

[复制链接]
小雨敲窗y 显示全部楼层 发表于 2021-8-15 19:36:37 |阅读模式 打印 上一主题 下一主题
许多博客都有自己的置顶文章,在默认情况下WP对置顶文章只是将它们的位置排在前面,除了位置差别外,跟其他文章是没有任何区别的。那我们怎样才能将它们区别开来呢?我这里有几种方法:

一、在WordPress中如何设置文章置顶
信赖许多朋友都还不知道WordPress自己就有置顶文章的功能,而苦苦地去寻找插件来实现置顶功能,真是浪费,我以为有必要再阐明一下怎么置顶文章。WordPress中设置文章置顶很简单,打开文章编辑页,右边栏的公布栏目即可设置,如图:


二、在标题处添加置顶字样
实在我们这篇文章要用到的函数也只有一个is_sticky(),这个函数用于判断该文章是否为置顶文章。置顶文章一般也只在首页表现,那如今就打开你的主题目次下的index.php,查找:the_title(); 然后将其改成:

复制代码代码如下:
the_title(); if( is_sticky() ) echo '  <span style="color:red;">置顶</span>';

三、置顶文章不表现文章择要
同样是打开index.php,查找:the_content 或 the_excerpt,给它添加一个判断,这样置顶文章就不表现择要了,如:

复制代码代码如下:
if( !is_sticky() ) the_content(....);



复制代码代码如下:
if( !is_sticky() ) the_excerpt(....);

四、给置顶文章添加边框或背景等
这个方法不必要判断是否为置顶文章,我们只需给它添加一个CSS样式即可。打开主题目次下的index.php,找到每篇文章所在的div,一般的主题查找:class="post" 这个div就是每篇文章所在的div了,我们如今给个这个div添加一个类,如将 <div class="post"> 改成(可将以下代码中的class="post"去除):

复制代码代码如下:
<div <?php post_class(); ?> class="post">

如果是置顶文章,会自动给这个div添加一个类.sticky,我们如今打开主题目次下的style.css,添加类属性:

复制代码代码如下:
.sticky {
background: #ff0000;
border: 1px solid #ccc;
}

这样,置顶文章就有了背景和边框,是不是很丢脸呢?你可以根据必要修改这个类属性,获得你满足的效果。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作