为WordPress博客置顶日志添加标记

今晚又是一夜未眠,无聊之中就把博客折腾了一下,无折腾不博客嘛!今天讨论的是给博客置顶文章添加置顶图片标志,效果看我博客首页的第一篇日志,在文章标题的右侧添加了“置顶”图片标记。本文属于菜鸟级别的文章,专门为新手提供,高手们就凑个热闹,实现过程如下:

第一步,在你的博客列表(archive.php)或日志(single.php)的相应位置添加个是否置顶的判断:

< ?php if ( is_sticky() ) : ?>
  

< ?php the_title(); ?>

< ?php else : ?>

< ?php the_title(); ?>

< ?php endif; ?>

以上代码就是判断文章是不是置顶文章,如果是对标题调用post-sticky样式,如果不是置顶文章,就正常显示,在这里我是对文章标题进行判断并使用样式,你完全可以对整个文章内容部门进行判断并定义样式。

第二步,添加置顶文章样式表:

.post-sticky{ border-bottom:#F27E08 1px dashed; background-image:url(images/sticky.gif); background-position:right top; background-repeat:no-repeat;}

那个图片请自行到我博客下载。

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2012.06.22

    CentOS配置上网,修改IP地址,DNS,网关

    一、CentOS 修改IP地址 修改对应网卡…

  2. 没有图片

    2012.03.01

    今天换上WordPress默认主题衍生主题,继续升级中…

    主题就像我们的衣服,需要不断地换一换,这样才…

  3. 没有图片

    2012.02.19

    WordPress 中文工具箱

    工具箱(英文名:widgetkit)是一个高…

  4. 没有图片

    2010.04.28

    菠萝筐加入博客联盟周博客排行,大家帮来投一票吧!

    中国博客联盟第一轮周优秀博客排行拉开帷幕了,…

  5. 没有图片

    2011.11.08

    WordPress导航菜单输出标题描述属性

    今天制作MT主题,想显示导航菜单的描述,于是…

  6. 2013.09.10

    大前端WordPress D8主题优化之:缩略图裁切

    大前端浩子同学的新WordPress主题D8…

评论

  1. XMChen 2011.11.22 11:58下午

    做主题带上这个功能就行了噢。我以前做WP的时候也试过。

    • 落花生 2011.11.23 12:21上午

      嗯,是的这个很实用,你近来都忙什么呀?

      • XMChen 2011.11.23 12:22上午

        在搞一个作业的项目,云端网盘。哈哈,听起来把炮吧

        • 落花生 2011.11.23 1:43上午

          我靠,这么强大?这个得强力支持,到时给哥一个内测啊!

          • XMChen 2011.11.23 2:16上午

            哈哈,只是一个内部项目来的,没有公网访问的,不用期待了哈哈,我在床上,发现用WP7自带的ie评论好爽。