为了达到更好的体验效果,请使用Chrome、Firefox等现代浏览器浏览本站!

怎么在WordPress文章标题后添加new图标

wordpress 助推站长 5875℃ 1评论

wordpress发布文章一般类型是最新或者默认正常。如果在24小时内最新发布的文章标题加上相应的new图标,不仅可以增加美观,提高用户体验,也可以提高用户浏览网站的点击率。网上有各种漂亮的图标大家可以自己去搜一下。本文以new图标为例分享怎么在WordPress文章标题后添加new图标,将new图标上传网站主题图片文件夹,再替换下面代码的图片路径即可。

zootui wordpress

素材“new!”图标:

sucai new tubiao

 

第一种添加最新文章图标的方法:

把下面这段代码加到需要的地方就行,比如 single.php 中的 <?php the_title(”); ?> 前。

  1. <?php
  2. $t1=$post->post_date;
  3. $t2=date(“Y-m-d H:i:s”);
  4. $diff=(strtotime($t2)-strtotime($t1))/3600;
  5. if($diff<24){echo ‘<img src=”‘.get_bloginfo(‘template_directory’).‘/images/new.gif” alt=’24小时内最新‘ />’;}
  6. ?>

下面是第二种添加最新文章图标的方法:

把下面代码插入在wp-content>themes>***>文件夹的 functions.php 里就行了(其中***是你网站使用主题文件夹名字),可以修改代码中第9行的24为你想要的数值,则超过规定的时间后图标就会自动消失。

再把 new.gif 图片文件上传到当前主题的images目录下面即可。

  1. <?php
  2. function add_title_icon($title)
  3. {
  4. global $post;
  5. $post_date=$post->post_date;
  6. $current_time=current_time(‘timestamp’);
  7. $diff=($current_timestrtotime($post_date))/3600;
  8. $title_icon_new=get_bloginfo(‘template_directory’).‘/images/new.gif’;
  9. if($diff<24)
  10. {
  11. $title=‘<img src=”‘.$title_icon_new.‘” />’.$title;
  12. }
  13. return $title;
  14. }
  15. add_filter(‘the_title’,‘add_title_icon’,999);
  16. ?>

添加了以上代码后,如果页面列表里的链接也加上了和标题一样的new图标,可以添加以下代码解决:

  1. function strip_page_icon_html($content)
  2. {
  3. $content = preg_replace(‘@<img(\s?)src=(.*?)(\s?)\/>@’,,$content);
  4. $content = preg_replace(‘@<img(\s?)src=(.*?)(\s?)\/>@’,,$content);
  5. return $content;
  6. }
  7. add_filter(‘wp_list_pages’,‘strip_page_icon_html’,1000);

加上上面的代码以后,一切应该按照你预期的想法显示了。

说明:比较一下方法一和方法二的区别,方法一只是在需要的地方添加;方法二用到了 hook,也就是钩子,打击面一大片,比如说首页和内页的正文标题处、侧边栏的最新文章、甚至是后台控制板编辑文章的标题前也会自动添加 new小图标。

喜欢 (2)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 搞个代码插件看着比较舒服,纯文本看着头疼
    磁力链2016-06-13 18:20 回复