1. David Wu首页
  2. WordPress
  3. WordPress安装教程

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

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

效果如图:

WordPress 给最新文章和置顶文章添加new和top图标-云模板

新文章图标方法一:

  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').'https://img.2kss.com/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').'https://img.2kss.com/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 小图标;而方法二只是在需要的地方添加。

原创文章,作者:DavidWu,如若转载,请注明出处:https://www.davidwu.net/archives/102675

服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

邮箱地址不会被公开。 必填项已用*标注