给日志标题添加 NEW 标签

不知道各位童鞋这两天有没有发现,本人博客首页的新日志最后都会跟着一个“New”字样的绿色标签,虽然博客所有的日志都有发表时间最新的日志的都在最前面排列,也就是访客一进入就会看到这些日志的标题,但是,如果我们加了一个这样的标签之后,效果就会更突出,一堆文字和一个小图片,哪一个对访客提醒阅读的影响更大呢,呵呵,一目了然,那么现在就开始给你的博客增加这个贴心的小功能吧。

首先啊现在这个小图片,网址在这里我已经准备好了,你也可以将这个首页新日志标题旁边的New图片另存为,然后上传到你的空间,当然使用我的也可以,但是以防链接不上,留个红叉叉,还是建议放在自己那里保险。如果你觉着我这个比较丑陋,那你也可以自己制作一个更具动感、时尚的标签来用。


然后就是打开你主题文件里面的index.php文件,找到

1
<?php the_title(); ?> //输出博客日志标题

这句代码,然后在这句代码之后添加

1
2
3
4
5
6
7
8
9
<?php 
$t1=$post->post_date; 
$t2=date("Y-m-d H:i:s"); 
$diff=(strtotime($t2)-strtotime($t1))/3600;
if($diff<24){
echo "<img src='wp-content/themes/inove/img/1.png' alt='新日志'>";
} 
?> 
//计算发表日志的时间和当前时间的差除以3600算出发表多少小时,如果符合,则输出图片。

这段代码,将里面的wp-content/themes/inove/img/new.png改为自己new标签图片的路径。如果想让图片也具有超链接的话,则将上面这段代码放在给出的第一段代码和其之后的之间,否则就放在之后。

好了。刷新首页,看看你的效果是不是也出来了。

13条回应:“给日志标题添加 NEW 标签”

  1. that5说道:

    很不错哦,谢谢分享。。。

  2. 一米说道:

    that5 :

    很不错哦,谢谢分享。。。

    呵呵,喜欢了拿去用好了,欢迎常来逛逛。

  3. 南柯一梦说道:

    看来弄起来还是比较简单的~

  4. 一米说道:

    南柯一梦 :

    看来弄起来还是比较简单的~

    恩,是的,只要找到这个代码,添加进去就好了。

  5. 痞味说道:

    这个有点意思.学习了,连图片一起拿回去用用.(∩_∩)

  6. 一米说道:

    痞味 :

    这个有点意思.学习了,连图片一起拿回去用用.(∩_∩)

    好的啊,图片你用吧,只要我的博客可以访问,你的图片就可以用。

  7. 月夜说道:

    呵呵,不错的效果。可惜月夜还是不敢去用。现在的最迫切任务还是优化首页访问速度。

  8. A Side Story说道:

    这个技巧倒是挺实用的!请问你的评论部分的效果是怎么实现的,能不能分享一下?

  9. 一米说道:

    月夜 :

    呵呵,不错的效果。可惜月夜还是不敢去用。现在的最迫切任务还是优化首页访问速度。

    对啊,这个问题到是一下没考虑到啊,不过我打算过段时间回国,这样速度就应该会好很多的。

    A Side Story :

    这个技巧倒是挺实用的!请问你的评论部分的效果是怎么实现的,能不能分享一下?

    呵呵,好了就欢迎使用,那个效果使用的是 WP-RecentComments 插件,也是mg12写的,地址 http://wordpress.org/extend/plugins/wp-recentcomments/

  10. Konoko说道:

    有个小问题,鼠标落在“NEW”图片上后显示乱码,不能显示“新日志”。而把代码中“新日志”改成英文后即可正常显示了。

  11. 一米说道:

    Konoko :

    有个小问题,鼠标落在“NEW”图片上后显示乱码,不能显示“新日志”。而把代码中“新日志”改成英文后即可正常显示了。

    这个你保存被修改的文件的时候一定要选择utf8编码的,否则就乱码。一般你修改过源代码,并且里面有中文的话,都要在另存为时选择UTF8编码。不推荐使用Windows自带的记事本,因为有时会出问题。

  12. 老胡的漫游说道:

    您好,请问侧边栏的评论者列表里的头像怎么弄出来的啊?

  13. 一米说道:

    @老胡的漫游
    用的是插件wp recentcomments,你试试mg12的。

发表评论

电子邮件地址不会被公开。 必填项已用*标注