为新发表的文章添加一个“New”小图标

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

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

为新发表的文章添加一个“New”小图标 更多NEW小图标下载

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

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

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

添加一句:

  1. <?php include(‘includes/new_h.php’); ?>

变为:

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

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

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

替换为:

  1. <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删除:

  1. <!– 图片延迟加载 –>
  2. <?php include(‘includes/lazyload.php’); ?>

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值