Heim > CMS-Tutorial > WordPress > Hauptteil

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

青灯夜游
Freigeben: 2023-03-13 20:18:46
nach vorne
4279 人浏览过

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

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

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

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

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

1.png

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

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

the_title(); if( is_sticky() ) echo '  置顶';
Nach dem Login kopieren

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

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

if( !is_sticky() ) the_content(....);
Nach dem Login kopieren

if( !is_sticky() ) the_excerpt(....);
Nach dem Login kopieren

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

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

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

class="post">
Nach dem Login kopieren

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

.sticky {
   background: #ff0000;
   border: 1px solid #ccc;
}
Nach dem Login kopieren

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

推荐学习:《WordPress教程

以上是浅析WordPress如何置顶文章?怎么和普通文章区分?的详细内容。更多信息请关注PHP中文网其他相关文章!

Verwandte Etiketten:
Quelle:ludou.org
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!