在最新版本的WordPress 2.5中，我们在后台能看到它使用了气泡的方式显示未读的留言数。自己觉得这种直观的方法很好，一直想把它移植到首页中使用，但研究过其代码又觉得不用这么复杂。这里说说自己的制作方法，效果可以在本站首页看到。
我把留言数放在首页文章标题的右侧，如下图：
我们查找index.php文件，在</h2>标签后添加下面代码：
<div class="entry-comments"><?php comments_popup_link(__('0'), __('1'), __('%')) ?></div>
之后是对留言数字样式的控制，我们在style.css文件中添加如下 ：
.entry-comments{
float: right;
background: url(images/cbubble_left.png) no-repeat top left;
margin-top: -18px;
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
padding: 0 0 7px 7px;
}
.entry-comments a{
background: url(images/cbubble_right.png) no-repeat top right;
color: #555;
padding: 1px 7px 7px 0;
}
.entry-comments a:hover{
color: #FFF;
}
其实在这里，我们可以使用单一的背景图片实现效果，但这样的缺点是：对于1位数，2位数甚至3位数的留言显示效果不能统一控制。所以我换了下方法：我把留言背景图片分为左边（cbubble_left.png）和右边（cbubble_right.png）两部分，其中左边部分单纯为图片，而右边部分则为留言数链接的背景图片。
就是这样简单了，现在你可以在根据自己的要求制作留言气泡的图片以适应你的主题。我把我的气泡PSD及PNG图像文件附上下载，希望对大家有所帮助。
P.S. 如果你想查看更多我在WordPress主题制作中的心得，你可以点击这里查看汇总文章，谢谢 
