为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. 没有图片

    2009.07.05

    WordPress 2.8 中文版发布

    WordPress 2.8 中文正式版官方已…

  2. 2011.11.21

    25个美食网站WEB设计欣赏

    菠萝一般不研究美食的,不过今天整理出25个美…

  3. 没有图片

    2011.01.03

    宽带连接设置详细教程

    现在计算机已经进入普通百姓家,因此上网也成了…

  4. 没有图片

    2009.10.24

    为你的WordPress博客添加版权声明

    看到大部分博客都在自己的日志最后带上“本文由…

  5. 没有图片

    2009.12.20

    40款最漂亮的PhotoShop特效文字制作教程

    刚刚在让你桌面酷炫无比的桌面图片一文为大家整…

  6. 没有图片

    2010.06.13

    Windows7开启administrator管理员帐号

    Windows 7 的安全系统很高级,安装完…

评论

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