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

知更鸟
知更鸟
站长
2452
文章
0
粉丝
WordPress6812,196阅读模式

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

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

 更多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
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  68  访客  52  作者  13
    • Kay
      Kay 4

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

      • 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="”>
        不知道怎么发代码才能完全显示

          • 知更鸟
            知更鸟

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

              • 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’;}   
                }   
                CSS定义 .new 和.old 样式   
                <span class=”<?php Pop_Date();?>”>这里自己填自己需要的内容</span>   

            • 黄爱美
              黄爱美 3

              哪天我有空了也弄弄

              • 长也之弓
                长也之弓 3

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

                • DAS
                  DAS 0

                  WO MEN!我们

                  • win7en乐园
                    win7en乐园 5

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

                    • 科普巴士
                      科普巴士 6

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

                      • 服务器数据恢复
                        服务器数据恢复 4

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

                        • hm中国
                          hm中国 2

                          学习了,谢谢分享

                          • 晨光
                            晨光 5

                            我去试试看

                            • 瞬恒
                              瞬恒 3

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

                              • MO
                                MO 0

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

                                • 看得见风的人
                                  看得见风的人 6

                                  鸟哥求跟你友情链接~

                                  • 殁漂遥
                                    殁漂遥 4

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

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

                                    菜鸟求助,请不要笑话

                                    • 玉米串
                                      玉米串 0

                                      谢谢分享

                                      • xc
                                        xc 1

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

                                          • Tmd
                                            Tmd 3

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

                                              • xc
                                                xc 1

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

                                            • wmtimes
                                              wmtimes 7

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

                                              • 皇冠足球
                                                皇冠足球 0

                                                学习了.!

                                                • 老姚
                                                  老姚 1

                                                  呵呵,不错,学习了啊

                                                  • win7en乐园
                                                    win7en乐园 5

                                                    感谢分享。。好久没来了

                                                    • jwenee
                                                      jwenee 1

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

                                                      • Louis Han
                                                        Louis Han 6

                                                        量不大 用不到

                                                        • BadCat
                                                          BadCat 1

                                                          真不错 我也去弄一个!

                                                          • win7en乐园
                                                            win7en乐园 5

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

                                                            • win7en乐园
                                                              win7en乐园 5

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

                                                              • 看得见风的人
                                                                看得见风的人 6

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

                                                                • 看得见风的人
                                                                  看得见风的人 6

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

                                                                    • 知更鸟
                                                                      知更鸟

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

                                                                        • 看得见风的人
                                                                          看得见风的人 6

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

                                                                            • 知更鸟
                                                                              知更鸟

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

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

                                                                                • 看得见风的人
                                                                                  看得见风的人 6

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

                                                                                    • 知更鸟
                                                                                      知更鸟

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

                                                                                      • 看得见风的人
                                                                                        看得见风的人 6

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

                                                                                        • 看得见风的人
                                                                                          看得见风的人 6

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

                                                                                          • 看得见风的人
                                                                                            看得见风的人 6

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

                                                                                  • win7en乐园
                                                                                    win7en乐园 5

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

                                                                                    • 看得见风的人
                                                                                      看得见风的人 6

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

                                                                                      • kaka
                                                                                        kaka 0

                                                                                        哥们技术太强了~

                                                                                        • 短笑话
                                                                                          短笑话 2

                                                                                          挺不错的吧 呵呵

                                                                                          • 常德seo
                                                                                            常德seo 2

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

                                                                                            • steve
                                                                                              steve 3

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

                                                                                              • 虎哥
                                                                                                虎哥 0

                                                                                                主题功能越来越强了!

                                                                                                • 电脑天空
                                                                                                  电脑天空 5

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

                                                                                                  • 电脑用的麦克风
                                                                                                    电脑用的麦克风 2

                                                                                                    有意思,就是值得学习了

                                                                                                    • 四级成绩单
                                                                                                      四级成绩单 3

                                                                                                      学习了, 有长进;

                                                                                                      • Kael.Z
                                                                                                        Kael.Z 7

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

                                                                                                        • 云时代
                                                                                                          云时代 1

                                                                                                          学习了~

                                                                                                          • PastDust
                                                                                                            PastDust 4

                                                                                                            学习了

                                                                                                            • 游四海
                                                                                                              游四海 0

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

                                                                                                              • 爱范儿
                                                                                                                爱范儿 1

                                                                                                                嘿嘿,尝试下!

                                                                                                              匿名

                                                                                                              发表评论

                                                                                                              匿名网友

                                                                                                              拖动滑块以完成验证