wordpress网站高亮新文章

WordPress技术博客wp应用技术

记得我们曾经发布了一款《浅白色百搭wordpress主题》    ,这个主题有一个功能,就是在文章中的自定义字段中加入一个“推荐”的值,就可以在文章列表中显示一个NEW字样的丝带,高亮这个文章,其实这个功能也不是很方便,显示new必须是手动操作,那么我们想要自动给新发布的文章高亮的效果应该如何实现呢?

下面 ,我们就来介绍一下,使用简单的方法来高亮新增文章吧!

在主循环中,你需要显示高亮的(可以使图片、文字等)加上如下代码:

<?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='new.gif' />";} // 这里echo  便是输出你的高亮代码,可以放一个“new”字样的图片,也可以添加文字来高亮
else{echo "";} //时间超过时候显示空白
?>

这段代码是24小时内发布的文章会有高亮显示,你也可以修改一下他的时间判断来增加时间和减少时间,如果时间不正确(显示的格林威治时间,我们调整为北京时间),在这段代码顶部加上如下代码:
date_default_timezone_set('PRC'); 


完整代码如下:


<?php
date_default_timezone_set('PRC'); 
$t1=$post->post_date;
$t2=date("Y-m-d H:i:s");
$diff=(strtotime($t2)-strtotime($t1))/3600;//时间判断
if($diff<24){echo "<img src='new.gif' />";} // 这里echo  便是输出你的高亮代码,可以放一个“new”字样的图片,也可以添加文字来高亮
else{echo "";} //时间超过时候显示空白
?>
这样就行了~  下面是我们做的一个样例(如图):

themepark-gaoliang

这个图例我们用了css美化了一下,你如果懂得css,可以自己美化一下,如果不懂的话,就使用文字吧~

希望本文对您有所帮助!

上一篇:

下一篇:

文章评论

您好!请登录

取消回复
    展开更多