春节长假什么也没干,基本除了吃就是睡,要不就是网上看电影,答应朋友作的网店主题连构思都没想好。今天睡到自然醒,起来回答了几个网友的问题,着手收集一下素材,并精简热点新闻主题功能,准备已此为基础为朋友弄个网店主题,其实就是一个图片主题而已,整理中突然想起主题缩略图还有部分功能未开发出来,于是就有了这篇。
HotNews pro2.4主题缩略图功能包括了三种调用显示模式,添加自定义栏目显示特定的图片、自动读取文章中图片(同时支持本地及外链图片)及随机缩略图。其实还有一种功能函数已添加,只是未具体调用显示,那就是本地上传图片自动裁剪后的图片调用,此函数在functions.php中:
- add_image_size('featured', 140, 100, true);
此句函数作用就是,本地上传图片后自动生成裁剪为140×100大小的一张缩略图。此功能不受Wordpress后台媒体选项中缩略图大小限制,可以任意调整尺寸大小。
如果你上传的图片尺寸较大,直接调用显示为文章缩略图,会影响页面加载速度,而调用显示这张裁剪压缩后的小图片,则影响会小得多。
与Wordpress媒体选项中默认自动生成缩略图功能一样,有时会感觉这个功能很鸡肋,默认情况下当你上传一张图片后Wordpress会帮你自动生成不同大小的4张缩略图,严重浪费空间,因此,一般情况下要在第一时间到Wordpress媒体选项中把缩略图大小全部改成0,这样就不会产生大量无用的缩略图了。
不过萝卜青菜各有所爱,有的同学也许不再乎这么点空间,而且这一功能还是有些用处,可提高缩略图加载速度。下面就教大家如何调用这个裁剪压缩后的缩略图:
修改主题请使用专门的文本编辑工具如:Notepad++,决不能用系统自带的记事本编辑主题模板。
打开thumbnail.php找到:
- <div class="thumbnail">
- <?php if (has_post_thumbnail()) { the_post_thumbnail('home-thumb' ,array('class' => 'home-thumb')); }
- else { ?>
- <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>
- <?php } ?>
- <?php endif; ?>
- </div>
替换为:
- <div class="thumbnail">
- <a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>">
- <?php if (has_post_thumbnail()) { the_post_thumbnail('featured'); }
- else { ?>
- <img class="home-thumb" src="<?php echo catch_first_image() ?>" width="140px" height="100px" alt="<?php the_title(); ?>"/>
- <?php } ?>
- </a>
- <?php endif; ?>
- </div>
调用方法:
编辑文章上传图片时,在“插入到文章”按钮旁,选择“作为特色图像”,文章发表后在文章列表页面就会自动调用显示裁剪压缩后的缩略图了。
如果你还想在幻灯中也显示裁剪后的图片,可以在:
- add_image_size('featured', 140, 100, true);
下面添加一句:
- add_image_size('show', 400, 248, true);
这样,上传图片后就会自动生成另一张400× 248大小的图片。然后,打开slider.php同样找到:
- <?php if (has_post_thumbnail()) { the_post_thumbnail('home-thumb' ,array('class' => 'home-thumb')); }
替换为:
- <?php if (has_post_thumbnail()) { the_post_thumbnail('show'); }
如果未手动将上传的图片设置为特色图片,缩略图显示的还是那张原始的大图片,此功能不支持外链图片。
注:不准备使用此功能的主题使用者,请将functions.php中的那句自动生成缩略图的代码删掉!
本站文章大部分为原创,用于个人学习记录,可能对您有所帮助,仅供参考!






北京市 51F
确实不错,时不时地来光顾,真是赏心悦目呀。
福建省福州市 52F
有个问题,就是主题里不能设置栏目的排列顺序啊,比如我想把分类目录排在第二。不知道博主能不能在下一版本加入这个功能。
B1
@ Yovae 自己调整一下调用代码顺序就可以了
福建省福州市 53F
鸟哥 你的留言自动邮件提醒功能是这吗搞的,教教我啊
山东省烟台市 54F
鸟哥,在这请教个问题。我只想把上传的第一张图片产生缩略图。怎么实现?
B1
@ 漠天 添加自定义栏目thumbnail
山东省烟台市 B2
@ 知更鸟 能说具体点吗?可不可以在functions.php添加一个函数来实现。
B3
@ mervin 这就是最具体的,学一下WP基础知识吧
山东省烟台市 B4
@ 知更鸟 我想我可能表述的问题有点模糊,不好意思。我希望实现这样的功能:比如我的一篇文章上传了5张图片(假如大小为600*500),我希望只有第一张图片上传后会产生额外的一张小图(比如大小为100*80),其他的四张不会。这样在首页展示图片时加快网页的加载速度,但是有不至于因为每张图片都有缩略图而浪费空间。
不知道这样的表述可以吗?在这还是先谢谢你的回复。
北京市丰台区 55F
鸟哥, 我想问一下,现在wordpress升级到3.1了,再哪里插入thumnail,…这些东西啊。写文章的下面没有。
B1
@ usmedium 在上面显示选项中可以调出来
浙江省宁波市 56F
改进缩略图调用方法
,这是个值得深思的问题啊。。
湖北省武汉市 57F
弄半天也没明白,感觉咋换了代码还是一个样呢!
广东省深圳市 58F
多谢鸟哥分享,我今天又来了
广东省汕头市 59F
自定义的image缩略图不管用啊
福建省福州市 60F
1.安装包里都集成了哪些插件?《避免重复安装》
2.最新的2.4的安装文件是否修改了后面几篇文章提到的内容?
谢谢
B1
@ 0591fit 主题无需插件
没有集成后面的修改内容
浙江省杭州市 61F
决定使用这款主题了~
湖北省武汉市 62F
鸟哥,照你的把上面的全改了 可最后我发现设为特色图片后 在CMS模板Featured滚动图片那里的不能点击
这个该怎么改啊?
江苏省徐州市 63F
我试了下 按上面教程真的不错
广西桂林市 64F
在下一个版本中加入吧,改了来去麻烦
安徽省蚌埠市 65F
都说喜欢wordpress,可是我感觉wp的编辑器太难用了,写东西真累。
贵州省贵阳市 66F
应该在slider.php里还要加上一段<a href="” rel=”bookmark” title=””>才能使得FLASH得到超链接~
山东省 B1
@ IGS 我是在前面加了<a href="” rel=”bookmark” title=””> 有了超链接,但显示的是图片的名字,不是文章的名字!
山东省 67F
鸟大,想在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,这些不能随便改改就行?
B1
@ iruizhi 添加完函数,只有之后上传的图片才会裁剪缩略图
山东省 B2
@ 知更鸟 好了,解决了,谢谢鸟大,但是光标移动到图片上面,显示的是图片的名称,不是图片所在文章的名称,已添加,但是好似不管用!我再试试!
B3
@ iruizhi 把下面的
<a href=“”>
移动到上面函数前
新疆乌鲁木齐市 68F
谢谢, 收藏了,有时间试试
山东省济南市 69F
我的下边公告栏左边怎么没到边上啊 ,还有,怎么没有公开显示啊,只有登陆后才显示,友情链接的插件一启用,控制面板就坏了
浙江省金华市 70F
博主的人气很不错啊,这个苹果主题现在在中国算走红了 随便走几个博客就可以看到很多人用这个主题,支持。
我也把这个主题放到了我的wordpress中文主题站让更多的网友下载。
天津市 71F
好方法,解决了我之前在博客提的问题了!
只是不知道那个 add_image_size(‘show’, 400, 248, true); 在哪个文件里~~
天津市 72F
郁闷, 道歉道歉~ 眼瘸了~ 看见了!
陕西省西安市 73F
thumbnail.php 中替换的那个代码在google chrome 的最新版本中没有作用。 点击最上面的(4张)图片,不能进入该文章。
美国 74F
请问博主如何写 同时支持本地及外链图片的代码呢?能否把代码发给我呢?
天津市 75F
求博客 主题 主题不错 喜欢
山东省济南市 76F
我刚用wordpress,不知怎么做的,发现菜单设不上去,可能是哪的问题。
浙江省台州市 77F
博主,你留言这里的(支持(0)反对 (0))是如何实现的?
广东省深圳市 78F
鸟哥,你这背景怎么换上去的,我的怎么没有这种背景
云南省昆明市 79F
正在使用…挺好
湖南省长沙市 80F
不错
广东省广州市 81F
手段建立栏目,缩略图是thumbnail,幻灯是show,都正常。然后热门是hot,为什么不行呢?
广东省广州市 B1
@ 老羊 已经搞好,原来是image!
河南省郑州市 82F
是不是删除这句代码,用windows writer更新文章就不自动 产生缩略图了呢?
河南省郑州市 83F
果然你提到的问题,我后来都遇到了,我去折腾得试试。
今天把空间搬到香港了,访问速度搜搜的上去了,就等首页来个大换样了。鸟哥的技术支持果然雄厚!
山西省运城市 84F
学习中
来自外部的引用