!
也想出现在这里? 联系我们
广告位

WordPress 给最新文章和置顶文章添加new和top图标

  WordPress 发布文章一般类型是置顶或者在默认正常。如果在置顶文章或者是 24 小时内最新发布的文章标题加上相应的图标,不仅可以增加美观,也可以提高用户浏览网站的点击率。网上有各种漂亮的图标大家可以自己去搜一下。然后上传网站替换下面代码的图片路径即可。

效果如图:

新文章图标方法一:

  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_time-strtotime($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. ?>

把以上代码插入在主题文件夹的 functions.php 里就行了,可以修改代码中的 24 为你想要的数值,则超过规定的时间后图标就会自动消失。再把 new.gif 图片文件上传到当前主题的 images 目录下面即可。

置顶文章图标方法:

  1. <?php
  2. function add_top_title_icon($title)
  3. {
  4. global $post;
  5. $title_icon_top=get_bloginfo('template_directory').'/images/top.gif';
  6. $sticky = get_option('sticky_posts');
  7. if($sticky)
  8. {
  9. $title=in_array($post->ID,$sticky)?'<img src="'.$title_icon_top.'" />'.$title:$title;
  10. }
  11. return $title;
  12. }
  13. add_filter('the_title','add_top_title_icon',999);
  14. ?>

使用方法如同添加 new 图标代码,用了以上代码后,如果页面列表里的链接也加上了和标题一样的 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);

加上修正代码以后,一切应该正常显示了。

最新文章图标方法二:

  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. ?>

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

WordPress 给最新文章和置顶文章添加 new 和 top 图标

已有 870 人购买
    此资源下载价格2元立即购买(VIP 免费)立即升级
查看演示升级 VIP立刻购买

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress4.9.x 完整汉化版

2024-4-1 12:17:21

WordPress教程

纯代码批量删除WordPress文章中的自定义栏目

2024-4-2 13:42:34

下载说明

  • 1、微码盒所提供的压缩包若无特别说明,解压密码均为weimahe.com
  • 2、下载后文件若为压缩包格式,请安装7Z软件或者其它压缩软件进行解压;
  • 3、文件比较大的时候,建议使用下载工具进行下载,浏览器下载有时候会自动中断,导致下载错误;
  • 4、资源可能会由于内容问题被和谐,导致下载链接不可用,遇到此问题,请到文章页面进行反馈,以便微码盒及时进行更新;
  • 5、其他下载问题请自行搜索教程,这里不一一讲解。

站长声明

本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有;若为付费资源,请在下载后24小时之内自觉删除;若作商业用途,请到原网站购买;由于未及时购买和付费发生的侵权行为,与本站无关。本站发布的内容若侵犯到您的权益,请联系本站删除,我们将及时处理!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索