• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

WordPress置顶文章怎么和普通文章区分

武飞扬头像
PHP中文网
帮助12

很多博客都有自己的置顶文章,在默认情况下WP对置顶文章只是将它们的位置排在前面,除了位置差异外,跟其他文章是没有任何区别的。那我们怎样才能将它们区别开来呢?我这里有几种方法:

一、在WordPress中如何设置文章置顶?

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

学新通技术网

二、在标题处添加置顶字样

the_title(); if( is_sticky() ) echo '  <span style="color:red;">置顶</span>';

三、置顶文章不显示文章摘要

同样是打开index.php,查找:the_contentthe_excerpt,给它添加一个判断,这样置顶文章就不显示摘要了,如:

if( !is_sticky() ) the_content(....);

if( !is_sticky() ) the_excerpt(....);

四、给置顶文章添加边框或背景等

这个方法不需要判断是否为置顶文章,我们只需给它添加一个CSS样式即可。打开主题目录下的index.php,找到每篇文章所在的div,一般的主题查找: 这个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;
}

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

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanggigaa
系列文章
更多 icon
同类精品
更多 icon
继续加载