HI,欢迎来到我爱模板网!

WordPress新文章加一个“New”图标,提示最新文章

wordpress 这不是什么新鲜的教程,网上早就有了,而且Hotnews Pro主题也在blog布局中集成了该功能。下面是教大家怎么把这个NEW小图标加到主题CMS首页文章列表中。 1.首先在主题includes目录找到并复制一份new.php模版,并重命名为:new_h.php,将下面的图片放到主题的images目...
Wordpress新文章加一个“New”图标,提示最新文章
wordpress

这不是什么新鲜的教程,网上早就有了,而且Hotnews Pro主题也在blog布局中集成了该功能。下面是教大家怎么把这个NEW小图标加到主题CMS首页文章列表中。

1.首先在主题includes目录找到并复制一份new.php模版,并重命名为:new_h.php,将下面的图片放到主题的images目录中。

2.打开new_h.php将其中的new.png改为new.gif,其中数字:7200及24自己随意改了,是让这个小图标显示多长时间

3.打开cms.php模版,查找类似:

<?php echo cut_str($post->post_title,38); ?></a></li>  

添加一句:

<?php include('includes/new_h.php'); ?>  

变为:

<?php echo cut_str($post->post_title,36); ?></a> <?php include('includes/new_h.php'); ?></li>  

其中,数字36控制文字截断长度,适当修改。其它位置也想添加小图标,就继续查找:

<h3><a href="<?php%20the_permalink()%20?>" rel="bookmark" title="详细阅读 <?php the_title_attribute(); ?>"><?php echo cut_str($post->post_title,40); ?></a></h3>  

替换为:

<h3><a href="<?php%20the_permalink()%20?>" rel="bookmark" title="详细阅读 <?php the_title_attribute(); ?>"><?php echo cut_str($post->post_title,40); ?></a> <?php include('includes/new_h.php'); ?></h3>  

加上小图标后可能会造成图片延迟加载出现问题(横向图片太多,不能同时加载),如果认为有必要去掉这个功能,可以打开header_h.php删除:

<!-- 图片延迟加载 -->   
<?php include('includes/lazyload.php'); ?> 

就是不知道一天发多少篇日志,才会用到这个功能。

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

WP页面没有勾选“允许评论”,导致没有评论留言

2023-2-16 23:48:59

wordpress教程

WordPress主题开发:添加“自动更新”功能

2023-2-16 23:49:01

【腾讯云】11.11云上盛惠!云服务器首年1.8折起,买1年送3个月!
11.11云上盛惠!海量产品·轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。
查看更多相关信息>>
站长

(工作日 10:00 - 22:30 为您服务)

2026-01-31 00:29:43

您好,无论是售前、售后、意见建议……均可通过联系工单与我们取得联系。

猜你想问:

  • 购买的模板免费包安装吗?

  • 这个演示地址有吗?

  • 购买vip会员可以下载哪些模板?

您的留言我们已经收到,我们将会尽快跟您联系!
取消
立即选择任一渠道联系我们