改进HotNews pro2.4缩略图调用方法

知更鸟
知更鸟
知更鸟
站长
2583
文章
0
粉丝
HotNews主题15320,975阅读模式
摘要  春节长假什么也没干,基本除了吃就是睡,要不就是网上看电影,答应朋友作的网店主题连构思都没想好。今天睡到自然醒,起来回答了几个网友的问题,着手收集一下素材,并精简热点新闻主题功能...

春节长假什么也没干,基本除了吃就是睡,要不就是网上看电影,答应朋友作的网店主题连构思都没想好。今天睡到自然醒,起来回答了几个网友的问题,着手收集一下素材,并精简热点新闻主题功能,准备已此为基础为朋友弄个网店主题,其实就是一个图片主题而已,整理中突然想起主题缩略图还有部分功能未开发出来,于是就有了这篇。

HotNews pro2.4主题缩略图功能包括了三种调用显示模式,添加自定义栏目显示特定的图片、自动读取文章中图片(同时支持本地及外链图片)及随机缩略图。其实还有一种功能函数已添加,只是未具体调用显示,那就是本地上传图片自动裁剪后的图片调用,此函数在functions.php中:

  1. add_image_size('featured', 140, 100, true);

此句函数作用就是,本地上传图片后自动生成裁剪为140×100大小的一张缩略图。此功能不受Wordpress后台媒体选项中缩略图大小限制,可以任意调整尺寸大小。

如果你上传的图片尺寸较大,直接调用显示为文章缩略图,会影响页面加载速度,而调用显示这张裁剪压缩后的小图片,则影响会小得多。

与Wordpress媒体选项中默认自动生成缩略图功能一样,有时会感觉这个功能很鸡肋,默认情况下当你上传一张图片后Wordpress会帮你自动生成不同大小的4张缩略图,严重浪费空间,因此,一般情况下要在第一时间到Wordpress媒体选项中把缩略图大小全部改成0,这样就不会产生大量无用的缩略图了。

不过萝卜青菜各有所爱,有的同学也许不再乎这么点空间,而且这一功能还是有些用处,可提高缩略图加载速度。下面就教大家如何调用这个裁剪压缩后的缩略图:

修改主题请使用专门的文本编辑工具如:Notepad++,决不能用系统自带的记事本编辑主题模板。

打开thumbnail.php找到:

  1. <div class="thumbnail">
  2. <?php if (has_post_thumbnail()) { the_post_thumbnail('home-thumb' ,array('class' => 'home-thumb')); }
  3. else { ?>
  4. <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><img class="home-thumb" src="<?php echo catch_first_image() ?>" width="140px" height="100px" alt="<?php the_title(); ?>"/></a>
  5. <?php } ?>
  6. <?php endif; ?>
  7. </div>

替换为:

  1. <div class="thumbnail">
  2. <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">
  3. <?php if (has_post_thumbnail()) { the_post_thumbnail('featured'); }
  4. else { ?>
  5. <img class="home-thumb" src="<?php echo catch_first_image() ?>" width="140px" height="100px" alt="<?php the_title(); ?>"/>
  6. <?php } ?>
  7. </a>
  8. <?php endif; ?>
  9. </div>

调用方法:

编辑文章上传图片时,在“插入到文章”按钮旁,选择“作为特色图像”,文章发表后在文章列表页面就会自动调用显示裁剪压缩后的缩略图了。

如果你还想在幻灯中也显示裁剪后的图片,可以在:

  1. add_image_size('featured', 140, 100, true);

下面添加一句:

  1. add_image_size('show', 400, 248, true);

这样,上传图片后就会自动生成另一张400× 248大小的图片。然后,打开slider.php同样找到:

  1. <?php if (has_post_thumbnail()) { the_post_thumbnail('home-thumb' ,array('class' => 'home-thumb')); }

替换为:

  1. <?php if (has_post_thumbnail()) { the_post_thumbnail('show'); }

如果未手动将上传的图片设置为特色图片,缩略图显示的还是那张原始的大图片,此功能不支持外链图片。

注:不准备使用此功能的主题使用者,请将functions.php中的那句自动生成缩略图的代码删掉!

本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
微信号已复制
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  153  访客  100  作者  28
    • 精品生活
      精品生活

      确实不错,时不时地来光顾,真是赏心悦目呀。

      • Yovae
        Yovae

        有个问题,就是主题里不能设置栏目的排列顺序啊,比如我想把分类目录排在第二。不知道博主能不能在下一版本加入这个功能。

        • Yovae
          Yovae

          鸟哥 你的留言自动邮件提醒功能是这吗搞的,教教我啊

          • 漠天
            漠天

            鸟哥,在这请教个问题。我只想把上传的第一张图片产生缩略图。怎么实现?

              • 知更鸟
                知更鸟

                @ 漠天 添加自定义栏目thumbnail

                  • mervin
                    mervin

                    @ 知更鸟 能说具体点吗?可不可以在functions.php添加一个函数来实现。

                      • 知更鸟
                        知更鸟

                        @ mervin 这就是最具体的,学一下WP基础知识吧

                          • mervin
                            mervin

                            @ 知更鸟 我想我可能表述的问题有点模糊,不好意思。我希望实现这样的功能:比如我的一篇文章上传了5张图片(假如大小为600*500),我希望只有第一张图片上传后会产生额外的一张小图(比如大小为100*80),其他的四张不会。这样在首页展示图片时加快网页的加载速度,但是有不至于因为每张图片都有缩略图而浪费空间。
                            不知道这样的表述可以吗?在这还是先谢谢你的回复。

                    • usmedium
                      usmedium

                      鸟哥, 我想问一下,现在wordpress升级到3.1了,再哪里插入thumnail,…这些东西啊。写文章的下面没有。

                      • 宁波LED显示屏
                        宁波LED显示屏

                        改进缩略图调用方法
                        ,这是个值得深思的问题啊。。

                        • 阿星
                          阿星

                          弄半天也没明白,感觉咋换了代码还是一个样呢!

                          • 假睫毛
                            假睫毛

                            多谢鸟哥分享,我今天又来了

                            • music265
                              music265

                              自定义的image缩略图不管用啊

                              • 0591fit
                                0591fit

                                1.安装包里都集成了哪些插件?《避免重复安装》
                                2.最新的2.4的安装文件是否修改了后面几篇文章提到的内容?
                                谢谢

                                • 求索阁
                                  求索阁

                                  决定使用这款主题了~

                                  • 阿星
                                    阿星

                                    鸟哥,照你的把上面的全改了 可最后我发现设为特色图片后 在CMS模板Featured滚动图片那里的不能点击
                                    这个该怎么改啊?

                                    • 徐州电脑上门维修
                                      徐州电脑上门维修

                                      我试了下 按上面教程真的不错

                                      • 代考网
                                        代考网

                                        在下一个版本中加入吧,改了来去麻烦

                                        • DennisPo
                                          DennisPo

                                          都说喜欢wordpress,可是我感觉wp的编辑器太难用了,写东西真累。

                                          • IGS
                                            IGS

                                            应该在slider.php里还要加上一段<a href="” rel=”bookmark” title=””>才能使得FLASH得到超链接~

                                              • iruizhi
                                                iruizhi

                                                @ IGS 我是在前面加了<a href="” rel=”bookmark” title=””> 有了超链接,但显示的是图片的名字,不是文章的名字!

                                              • iruizhi
                                                iruizhi

                                                鸟大,想在top hot里调用略所图,就按你的方法加了一条add_image_size(‘hot’, 236, 155, true);,然后在top hot.php 和top hot a.php 里也改了<?php if (has_post_thumbnail()) { the_post_thumbnail('hot'); }

                                                可是为什么在顶部的略所图还是没有裁剪的压缩图!!
                                                请指教,是不是featured,show,这些不能随便改改就行?

                                                  • 知更鸟
                                                    知更鸟

                                                    @ iruizhi 添加完函数,只有之后上传的图片才会裁剪缩略图

                                                      • iruizhi
                                                        iruizhi

                                                        @ 知更鸟 好了,解决了,谢谢鸟大,但是光标移动到图片上面,显示的是图片的名称,不是图片所在文章的名称,已添加,但是好似不管用!我再试试!

                                                    • 维吾尔博客
                                                      维吾尔博客

                                                      谢谢, 收藏了,有时间试试

                                                      • 望月之城
                                                        望月之城

                                                        我的下边公告栏左边怎么没到边上啊 ,还有,怎么没有公开显示啊,只有登陆后才显示,友情链接的插件一启用,控制面板就坏了

                                                        • wordpress主题下载
                                                          wordpress主题下载

                                                          博主的人气很不错啊,这个苹果主题现在在中国算走红了 随便走几个博客就可以看到很多人用这个主题,支持。

                                                          我也把这个主题放到了我的wordpress中文主题站让更多的网友下载。

                                                          • aladd设计量贩铺
                                                            aladd设计量贩铺

                                                            好方法,解决了我之前在博客提的问题了!

                                                            只是不知道那个 add_image_size(‘show’, 400, 248, true); 在哪个文件里~~

                                                            • aladd设计量贩铺
                                                              aladd设计量贩铺

                                                              郁闷, 道歉道歉~ 眼瘸了~ 看见了!

                                                              • Bakhtiyar
                                                                Bakhtiyar

                                                                thumbnail.php 中替换的那个代码在google chrome 的最新版本中没有作用。 点击最上面的(4张)图片,不能进入该文章。

                                                                • jun
                                                                  jun

                                                                  请问博主如何写 同时支持本地及外链图片的代码呢?能否把代码发给我呢?

                                                                  • 美文网
                                                                    美文网

                                                                    求博客 主题 主题不错 喜欢

                                                                    • mscrm开发者之家
                                                                      mscrm开发者之家

                                                                      我刚用wordpress,不知怎么做的,发现菜单设不上去,可能是哪的问题。

                                                                      • mumumu
                                                                        mumumu

                                                                        博主,你留言这里的(支持(0)反对 (0))是如何实现的?

                                                                        • 暴走鞋
                                                                          暴走鞋

                                                                          鸟哥,你这背景怎么换上去的,我的怎么没有这种背景

                                                                          • MCN
                                                                            MCN

                                                                            正在使用…挺好

                                                                            • 呵呵
                                                                              呵呵

                                                                              不错

                                                                              • 老羊
                                                                                老羊

                                                                                手段建立栏目,缩略图是thumbnail,幻灯是show,都正常。然后热门是hot,为什么不行呢?

                                                                                  • 老羊
                                                                                    老羊

                                                                                    @ 老羊 已经搞好,原来是image!

                                                                                  • 郑州设计师
                                                                                    郑州设计师

                                                                                    是不是删除这句代码,用windows writer更新文章就不自动 产生缩略图了呢?

                                                                                    • 郑州设计师
                                                                                      郑州设计师

                                                                                      果然你提到的问题,我后来都遇到了,我去折腾得试试。
                                                                                      今天把空间搬到香港了,访问速度搜搜的上去了,就等首页来个大换样了。鸟哥的技术支持果然雄厚!

                                                                                      • 家居壁纸
                                                                                        家居壁纸

                                                                                        学习中

                                                                                      匿名

                                                                                      发表评论

                                                                                      匿名网友

                                                                                      拖动滑块以完成验证