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

2011年08月6日07:25:27 68 11,478

这不是什么新鲜的教程,网上早就有了,而且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'); ?>  

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

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:68   其中:访客  52   博主  13   引用   3

    • Kay 4

      其实可以给发表日期 定义 .new 和.old (颜色) 来区分是否不超过24小时(或XXX小时)

        • 知更鸟 Admin

          @Kay 如何用时间区分新的与旧的日期

        • Kay 4

          在functions.php加入
          //时间判断
          function Pop_Date() {
          $old=$post->post_date;
          $new=date(“Y-m-d”);
          $diff=(strtotime($new)-strtotime($old));
          if($diff<1){
          echo 'new';}
          else {
          echo 'old';}
          }

          然后就在页面调试
          <span class="”>
          不知道怎么发代码才能完全显示

            • 知更鸟 Admin

              @Kay 可以使用下面这篇文章中介绍的CodeRenderUnmi软件转换后贴代码
              http://zmingcx.com/do-not-realize-wordpress-code-highlight-plugin.html
              与文章中的高亮效果一样

                • kay 4

                  @知更鸟

                  在functions.php加入   
                  //时间判断   
                  function Pop_Date() {   
                  $old=$post->post_date;   
                  $new=date(“Y-m-d”);   
                  $diff=(strtotime($new)-strtotime($old));   
                  if($diff<1){   
                      echo ‘new’;}   
                  else {   
                      echo ‘old’;}   
                  }   
                  CSS定义 .new 和.old 样式   
                  <span class=”<?php Pop_Date();?>”>这里自己填自己需要的内容</span>   

              • 黄爱美 3

                哪天我有空了也弄弄

                • 长也之弓 3

                  哈哈,学习了,有空的时候加进去。

                  • DAS 0

                    WO MEN!我们

                    • win7en乐园 5

                      学习了。以前以为鸟哥的带了这个功能,文件右上角都有new,还上网找了很多资料,结果发现是样式~~哦

                      • 科普巴士 6

                        奇怪?弄了,没成功,我是按照教程来的。应该没有错的呀?

                        • 服务器数据恢复 4

                          很怀旧了 早期的论坛里面会经常看到 现在 貌似用的不是很多了 不过还是很棒

                          • hm中国 2

                            学习了,谢谢分享

                            • 晨光 5

                              我去试试看

                              • 瞬恒 3

                                鸟哥!我也没成功哦!你上面说添加一句
                                但是在下面变为: 后上面的/new_h.php怎么和下面的/new.php’不一样?

                                • MO 0

                                  鸟哥 你好 我想问下wordpress里的默认页面被删了 怎么恢复啊???

                                  • 看得见风的人 6

                                    鸟哥求跟你友情链接~

                                    • 殁漂遥 4

                                      怎么调用哪个蓝色的按钮?

                                      在文章中,出现 “下载地址” 的时候,怎么调用咱们主题带的蓝色的按钮?

                                      菜鸟求助,请不要笑话

                                        • 知更鸟 Admin

                                          @殁漂遥 使用方法
                                          http://zmingcx.com/log-in-to-add-a-button-link.html

                                        • 玉米串 0

                                          谢谢分享

                                          • xc 1

                                            鸟哥,请教个问题,在blog模式下,怎么修改每页的日志数目,默认是10篇,研究了半天没找出来该怎么改,请不吝赐教,谢谢。
                                            另外,求交换友情链接,呵呵

                                              • Tmd 3

                                                @xc 可以自己修改blog这个文件,显示数目就弄多点咯

                                                  • xc 1

                                                    @Tmd blog里没看到有指定数目的地方

                                                • wmtimes 7

                                                  是不是和后面那个new有冲突了啊?

                                                  • 皇冠足球 0

                                                    学习了.!

                                                    • 老姚 1

                                                      呵呵,不错,学习了啊

                                                      • win7en乐园 5

                                                        感谢分享。。好久没来了

                                                        • jwenee 1

                                                          知更鸟大哥你好。最近都在弄wordpress的模板。但是我就遇到很多问题。
                                                          不知道能不能请教您呢?

                                                          • Louis Han 6

                                                            量不大 用不到

                                                            • BadCat 1

                                                              真不错 我也去弄一个!

                                                              • win7en乐园 5

                                                                知更鸟的标准名称是欧亚鸲(Erithacus rubecula),又叫又叫鸫(红襟鸟),知更雀;是一种细小的雀形目鸟类,现归类为鹟科。知更鸟身体长约十四厘米,长着红色的胸羽,黑色的脑袋,明亮的眼睛。在亚洲、欧洲和北美洲都有分布。是一些文学作品的描写对象,在中国著名作家冰心女士的《山中杂记》中就提到过。

                                                                • win7en乐园 5

                                                                  不要杀死为人类唱歌的知更鸟,因为她们善良而从不伤害人。——来自电影《杀死一只知更鸟》推荐~~~

                                                                  • 看得见风的人 6

                                                                    鸟哥为什么我的博客页面第一页广告位不显示呢?其他页面均显示!-。-

                                                                    • 看得见风的人 6

                                                                      还有鸟哥,我加了一个分享代码,可是现在代码显示上下会空很宽的距离··咋办啊-。-

                                                                        • 知更鸟 Admin

                                                                          @看得见风的人 未加过,广告更没加过,帮不上忙

                                                                            • 看得见风的人 6

                                                                              @知更鸟 鸟哥具体详细情况在此麻烦看看~http://faq.wopus.org/question/890/

                                                                                • 知更鸟 Admin

                                                                                  @看得见风的人 主题有分享功能还弄个第三方的什么插件,是不是蛋疼啊

                                                                                  GG的广告不会玩,你可以在其它模版下试试

                                                                                    • 看得见风的人 6

                                                                                      @知更鸟 是有点蛋疼~-。-会不会是插件的代码有问题啊~
                                                                                      因为查网页源码,分享按钮代码后跟着三个br

                                                                                        • 知更鸟 Admin

                                                                                          @看得见风的人 比较好的分享插件是wp-share-list
                                                                                          你用那个插件会先跳到插件的网站再分享到目的地,垃圾一个

                                                                                            • 看得见风的人 6

                                                                                              @知更鸟 主要是看重他的统计功能,能够知道分享到了哪些网站,哪些文章被分享了!分享了多少次!你说的那个我也用过,就是可选择的显示样式太单一,全是一个一个小图标跳来跳去~
                                                                                              鸟哥现在你弄的这个左侧的小人就是不太打眼~很多人我估计都没注意到!

                                                                                              • 看得见风的人 6

                                                                                                @知更鸟 我发现我那个blog页面广告位不显示蛋疼在哪了,”域名/blog”不显示,但是”域名/blog/”却显示!-。-彻底击穿我了!

                                                                                                • 看得见风的人 6

                                                                                                  @知更鸟 广告的事儿,估计是谷歌弄的因为我看见左下角有广告代码加载了~
                                                                                                  -。-

                                                                                      • win7en乐园 5

                                                                                        鸟哥。遍地都是你的主题,本次访问来自某一站点

                                                                                        • 看得见风的人 6

                                                                                          网页左侧的小人分享在IE下显示有错位,并且只显示8个

                                                                                          • kaka 0

                                                                                            哥们技术太强了~

                                                                                            • 短笑话 2

                                                                                              挺不错的吧 呵呵

                                                                                              • 常德seo 2

                                                                                                支持老大!! 一直在使用Hotnews Pro! 很好很强大

                                                                                                • steve 4

                                                                                                  你的妙招还真不少,支持了

                                                                                                  • 虎哥 0

                                                                                                    主题功能越来越强了!

                                                                                                    • 电脑天空 5

                                                                                                      鸟哥的主题真是强大,谢谢了

                                                                                                      • 电脑用的麦克风 2

                                                                                                        有意思,就是值得学习了

                                                                                                        • 四级成绩单 3

                                                                                                          学习了, 有长进;

                                                                                                          • Kael.Z 7

                                                                                                            看了下,不搞了,我现在注重精简了

                                                                                                            • 云时代 1

                                                                                                              学习了~

                                                                                                              • PastDust 4

                                                                                                                学习了

                                                                                                                • 游四海 0

                                                                                                                  恩,没白走这一趟啊!
                                                                                                                  好东西,大家分享!

                                                                                                                  • 爱范儿 1

                                                                                                                    嘿嘿,尝试下!

                                                                                                                  • 来自外部的引用: 3

                                                                                                                    • 为新发表的文章添加一个“New”小图标 | 翱翔beta
                                                                                                                    • 关于wordpress 收集链接(不断更新) | Creed_Padna_Clown
                                                                                                                    • wordpress DIY-资源 | Creed'Panda'Clown(CPC)