如何为新发布的文章添加一个“New”小图标?

如何为新发布的文章添加一个“New”小图标?

61
2020-09-24 11:27:07

很多站长都喜欢在自己的WordPress网站文章列表中添加一个“New”小图标,那么如何为新发布的文章添加一个“New”小图标?

如何为新发布的文章添加一个“New”小图标? (https://www.wpmee.com/) WordPress开发教程 第1张

1.首先在Hotnews Pro主题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 the_permalink() ?>" rel="bookmark" title="详细阅读 <?php the_title_attribute(); ?>"><?php echo cut_str($post->post_title,40); ?></a></h3>

替换为:

<h3><a href="<?php the_permalink() ?>" 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'); ?>

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

喜欢这个文章就点个赞分享给好友吧~

END
相关标签

发表评论

一次支付终身使用
免费版本更新
靠谱的技术支持