释放双眼，带上耳机，听听看~！
我们是否经常有些WordPress程序的个人博客最新文章标题旁边会有一个New最新图标的标志。虽然这个功能并不是多么伟大，但是在有些细节上确实让用户在浏览网站的时候有点新意。至少可以告诉用户最新一天或者两天新更新了这篇文章，我们可以去访问查阅。
那这样的方法是如何添加上去的呢？有些我们使用的主题是有自带这类功能的。如果我们当前使用的主题没有WordPress最新图标或者文字提示最新文章
我们所需要做的就是将下文提供的代码放在你想让其显示的位置，如首页列表的文章标题后（多为<h2></h2>中间），或者小工具文章列表等等，不赘述
第一、方法一
文字提示代码
<?php
$t1=$post->post_date;
$t2=date("Y-m-d H:i:s");
$diff=(strtotime($t2)-strtotime($t1))/3600;
if($diff<24){echo "<em>New</em>";} //数字为判断输出NEW的小时数，视情况更改
else{echo "";} //时间超过则不输出内容
?>
简单的一点的就是直接输出一个英文单词 NEW
图片版提示代码
1.准备一张小图标
我们需要先准备一个小的New图标。我们可以直接从网上一些素材网站资源寻找，或者自己做一个。然后上传到自己知道的网站所在目录文件夹中。
2.代码部分添加
<?php
$time_one=$post->post_date;
$time_two=date("Y-m-d H:i:s");
$diff=(strtotime($time_two)-strtotime($time_one))/3600;
if($diff<24){echo "<img src='准备的小图标地址' />";}
else{echo "";}
?>
这里我们可以将上面的代码添加到需要显示图标的文章标题后面或者前面。
方法二
代码
function add_title_icon($title)
{
global $post;
$post_date=$post->post_date;
$current_time=current_time('timestamp');
$diff=($current_time-strtotime($post_date))/3600;
$title_icon_new=准备的小图标地址;
if($diff<24)
{
$title='<img src="'.$title_icon_new.'" />'.$title;
}
return $title;
}
add_filter('the_title','add_title_icon',999);放大
方法三
相对图片版直接输出图片，笔者选择了在CSS中设置提示图片，这样能很好的控制提示图片的显示位置，搭配相应的图片，达到更好的视觉效果。如上图显示，在标题的右上角，一个合适的角标，毫无违和感。
html代码，放到首页文章列表标题</h2>前面
<?php
$t1=$post->post_date;
$t2=date("Y-m-d H:i:s");
$diff=(strtotime($t2)-strtotime($t1))/3600;
if($diff<24){echo "<span class='new-post'></span>";} //数字为判断输出NEW的小时数，视情况更改
else{echo "";} //时间超过则不输出内容
?>
css代码写入style.css中
.new-post {
background: url(img/new.png) no-repeat;
position: absolute;
width: 44px;
height: 45px;
right: -3px;
top: -3px;
z-index: 10;
}
图标素材放到上面文件可以引用到的位置
