登录  /  注册
首页 > CMS教程 > WordPress > 正文

浅析WordPress如何置顶文章?怎么和普通文章区分?

青灯夜游
发布: 2023-03-13 20:18:14
转载
4078人浏览过

wordpress中如何设置文章置顶?怎么区分置顶文章?下面本篇文章给大家介绍一下wordpress区分置顶文章的几种方法,希望对大家有所帮助!

浅析WordPress如何置顶文章?怎么和普通文章区分?

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

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

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

1.png

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

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

the_title(); if( is_sticky() ) echo &#39;  <span style="color:red;">置顶</span>&#39;;
登录后复制

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

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

if( !is_sticky() ) the_content(....);
登录后复制

if( !is_sticky() ) the_excerpt(....);
登录后复制

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

这个方法不需要判断是否为置顶文章,我们只需给它添加一个CSS样式即可。打开主题目录下的index.php,找到每篇文章所在的div,一般的主题查找:class="post" 这个div就是每篇文章所在的div了,我们现在给个这个div添加一个类,如将

改成(可将以下代码中的class="post"去除):

<div <?php post_class(); ?> class="post">
登录后复制

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

.sticky {
   background: #ff0000;
   border: 1px solid #ccc;
}
登录后复制

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

推荐学习:《WordPress教程

以上就是浅析WordPress如何置顶文章?怎么和普通文章区分?的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
相关标签:
来源:露兜即刻网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号