• 设为首页
  • 收藏本站
  • 积分充值
  • VIP赞助
  • 手机版
  • 微博
  • 微信
    微信公众号 添加方式:
    1:搜索微信号(888888
    2:扫描左侧二维码
  • 快捷导航
    福建二哥 门户 查看主题

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

    发布者: 天下网吧 | 发布时间: 2025-6-19 12:03| 查看数: 81| 评论数: 0|帖子模式

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

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

     

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

    the_title(); if( is_sticky() ) echo '  置顶'; 

    三、置顶文章不显示文章摘要 
    同样是打开index.php,查找:the_content 或 the_excerpt,给它添加一个判断,这样置顶文章就不显示摘要了,如: 
    代码如下:

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

    或 
    代码如下:

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

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



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

    .sticky { 
    background: #ff0000; 
    border: 1px solid #ccc; 


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

    来源:https://zhuji.jb51.net/wordpress/7621.html
    免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

    本帖子中包含更多资源

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

    ×

    最新评论

    QQ Archiver 手机版 小黑屋 福建二哥 ( 闽ICP备2022004717号|闽公网安备35052402000345号 )

    Powered by Discuz! X3.5 © 2001-2023

    快速回复 返回顶部 返回列表