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

    2013.12.23

    使用Windows 8.1之系统镜像功能备份恢复系统教程

    新的Windows 8.1系统确实很给力,很…

  2. 没有图片

    2010.04.28

    Discuz 7.2 与 Firefox 3.6.X 不兼容解决办法

    当Discuz! 7.2 论坛升级到7.2版…

  3. 没有图片

    2012.08.16

    自适应网页设计原理分析(Responsive Web Design)转

    移动设备正超过桌面设备,成为访问互联网的最常…

  4. 没有图片

    2010.02.19

    最全的分页CSS样式代码

    为了给一公司设计网站,整理了一下分页CSS代…

  5. 没有图片

    2012.10.17

    Google Drive 云端硬盘下载及安装失败解决办法&完整安装包下载

    这几天试用了一下谷歌云端硬盘(Google …

  6. 没有图片

    2010.12.09

    WordPress 3.0.3 发布

    WordPress近来动作真够快的,Word…

评论

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