wordpress文章标题添加”置顶”和”New”图标

ggp 技术 2012-12-07 531 次浏览

今天老师要求能不能给文章设置置顶功能,那么我就联想到了wordpress的置顶函数,并且进一步美化标题的显示效果,添加了”置顶”和”New”图标,下面分享一下实现的方法。

1、添加“New!”提示:

首先在主题的index.php种找到标题的显示代码,类似于

<h2><a href=”<?php the_permalink() ?>” title=”<?php the_title(); ?>”><?php the_title(); ?></a></h2>

然后在<?php the_title(); ?>和</a>之间(位置也可以根据自己需求改变)加上如下代码:

<em><?php $t1=$post->post_date; $t2=date(“Y-m-d H:i:s”); $diff=(strtotime($t2)-strtotime($t1))/3600; if($diff<24){echo ” New!”;} ?></em>?

简单说一下,以上代码判断文章发布的时间如果小于24小时,则显示“New!”,你也可以改成你想要的时间。然后加上em样式:(仅供参考)

.post em{font-size:14px; color:#FF0242;}

如果你不想显示文字而想显示图片的话,可以将{echo ” New!”;}改成:

{echo ’<img src=”’.get_bloginfo(’template_directory’).’/images/new.gif” />’;}

2、添加“置顶”提示:

说到这里有必要先说说如何置顶文章(知道的略过):后台??文章,找到你需要置顶的文章,快速编辑??选中“保持这篇文章置顶”

然后相关代码位置和“New!”的都类似,不重复了,关键代码为:

<?php if (is_sticky()) {echo “[置顶]”;} ?>

就这一句,呵呵。

最后附上我的全部代码,供那些不太熟悉的朋友参考:

<h2><a href=”<?php the_permalink() ?>” title=”<?php the_title(); ?>”><?php if (is_sticky()) {echo “[置顶]”;} ?><?php the_title(); ?><em><?php $t1=$post->post_date; $t2=date(“Y-m-d H:i:s”); $diff=(strtotime($t2)-strtotime($t1))/3600; if($diff<24){echo ” New!”;} ?></em></a></h2>

回顶部