经常来我博客的朋友应该发现我博客的最新一篇文章的标题上会显示“NEW”提示图片，这个跟我前天的文章《给置顶文章标题加个“置顶”提示图片》是差不多的功能，但实现方法不同，而且跟万戈折腾的用文章发表时间跟现在时间相比较来判断的方法不同，我还记得QiQiBoy也写过类似功能的文章。

我的方法是通过调用最新文章代码提取最新的那篇文章 ID 和主页文章列表的文章 ID 比较来判断

下面是实现方法：

1. 当然是做个提示用的“NEW”图片，具体自个画吧，我这里说明的图片大小为：20×15，做好的图片放在主题所在目录的 images 文件夹里面

2. 设置显示图片位置的 css，这里我用名为 new-post 的 class 来定义，我用绝对位置，css 参考如下

（假如你的文章区是用 post 这个 class，所以记得在 post 这个 class 加个 position:relative; 属性）

.post .new-post{
position:absolute;
top:0;
left:17px;
width:20px;
height:15px;
background:url("images/new-post.gif") no-repeat 0 0;
}

3. 打开主题文件 index.php

找到 <?php if (have_posts()) : while (have_posts()) : the_post();?> ，在其上面加入以下代码

<?php
$myposts = get_posts('numberposts=1&offset=0&category=0');
foreach($myposts as $post) : setup_postdata($post);
$newpostid = get_the_ID();
endforeach;
?>

这段代码是取得最新一篇文章的 ID 赋值给 $newpostid 变量

4. 继续修改 index.php

在<div class=post></div>之间加入以下代码

<?php
$postid = get_the_ID();
if ($newpostid == $postid) {echo '<div class="new-post"></div>';}
?>

这段代码是把首页显示的文章 ID 逐个跟第 3 步取得最新文章 ID 的 $newpostid 对比，唯一相同 ID 文章添加 NEW 图片标示

效果看我博客首页/如下图

OK，搞定，同样是细节小功能，而且是可要可不要或者说多此一举的折腾，玩玩吧。

目前只用在我现在所使用的 zLEI 主题里面，不知道此方法是否“太老土”，如果各位朋友有更好的方法欢迎指教。

• 本文标题：给最新的文章标题加个“NEW”提示图片
• 本文链接：https://zww.me/archives/25134
• 发布时间：2010年04月14日 19:30
• 版权声明：除非注明，文章均为 zwwooooo 原创，转载请以链接形式标明本文地址！