给置顶文章标题加个“置顶”（Sticky）图片：这是我这两天无聊给最新主题 zLEI 加的一个小功能，折腾过 WordPress 的朋友肯定会说很简单，但我逛了那么多博客，没发现有介绍这个小功能的文章，所以简单写出来给需要的朋友，并且解决一下日益严重的“文囧”问题。

不过真的很简单，因为 WordPress 内置了一个置顶文章的判断函数：is_sticky()，所以只要用它来判断哪篇文章置顶，然后加入图片的div，在css定义图片div的class即可。

效果请看我现在博客的首页置顶文章的日期旁边，或者如下图：（黄字sticky红底图片）

下面简单说一下方法

1. 当然制作图片啦，图片大小和样式根据自己的主题制作，这里拿我的置顶图片说明

图片大小：30×15（图中的 Sticky 即“置顶”）

图片命名：sticky.gif

把制作好的图片放在主题文件夹里面的 images 目录下

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

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

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

（top:0; 是图片距离post上边边距，left:17px; 是图片距离post左边边距）

3. 用文本编辑器打开主题文件 index.php

在类似 <div id="post-<?php the_ID(); ?>"> 下面加入下面代码

<?php if (is_sticky()) {echo '<div class="sticky-post"></div>';} ?>

ok，简单吧，无聊吧，那就玩玩吧。

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