为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.04.23

    自定义WordPress作者信息

    WordPress的作者信息默认的为AIM,…

  2. 没有图片

    2012.11.26

    一款不错的免费WordPress主题Fantasia

    今天推荐的这款WordPress主题是免费的…

  3. 没有图片

    2011.04.21

    TwentyTen Advanced Headers:为日志分类添加自定义header图片

    WordPress默认主题TwentyTen…

  4. 没有图片

    2011.10.09

    拖家带口入住[木头的木]MT主机

    11号与漠然一起使用的国内主机就要到期了,一…

  5. 没有图片

    2011.04.08

    通过.htaccess文件为你的博客添加图片防盗链功能

    很好网友反映,自己好不容易发的日志,特别是图…

  6. 没有图片

    2009.12.02

    WordPress 2.9 Beta2发布公测

    WordPress 2.8.6刚 发布不久,…

评论

  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评论好爽。