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

    2010.09.27

    Word 2010 的功能和优点

    Microsoft Word 2010 提供…

  2. 2013.10.30

    博客升级到 WordPress 3.7.1

    才升级到WordPress 3.7正式版没几…

  3. 2013.12.26

    phpMyAdmin “缺少 mcrypt 扩展。请检查 PHP 配置。”解决办法

    在安装配置phpMyAdmin管理mysql…

  4. 没有图片

    2009.10.15

    WordPress 2.9 已经进行测试阶段

    登陆Wordpress 2.84后台,就会看…

  5. 没有图片

    2013.05.08

    自定义WordPress后台管理侧栏菜单

    现在大家都在使用WordPress给客户设计…

  6. 没有图片

    2013.12.20

    圣诞节来了,我的博客也下雪了

    圣诞节快来了,提前祝朋友们节日快乐!今天我的…

评论

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