WordPress插件:仲子说首页文章缩略图显示-涅槃茶馆

相信使用Wordpress搭建博客的人都有这样的经验,那就是首页往往只显示摘要,这样做有多方面的考虑,包括页面简洁以及搜索引擎优化等。但是 由于显示摘要,往往会过滤掉文章内容中的HTML标签,自然也就过滤掉了图片标签。但是从首页的美观角度上来说,我们又希望能够为每篇日志添加一个小的图 片(缩略图),来丰富网站首页的内容。

今天,我也突发奇想,打算在Wordpress的首页既显示每篇文章的摘要,又显示每篇文章里的第一张图的缩略图(如果有的话)。于是上网查了查, 发现有人宣称通过“自定义字段”的方法可以实现这个功能,但是第一,我找不到这个插件;第二,凡是要修改数据库的,都感觉比较烦,因为会造成许多副作用, 于是抛弃不用。接着又上网找了找,发现了两款外国人写的插件,也能够实现这个功能,但是?实际一用,就发现诸多问题,包括显示图片变形、插件安装麻烦、不 能在首页显示非本站的图片以及其它一些功能缺陷等。

于是怒了,决定自己来写一个插件,把我自己能够想到的功能全部加上。经过一个晚上的努力,这个名为Image For Homepage(IMF)的Wordpress首页文章缩略图显示插件诞生了。它能够自动在首页里显示每篇日志里的第一张图片的缩略图。在保证首页打开 速度的前提下美化网站的首页。现在发布1.0版:

下载地址:(下载链接已更新至1.3版,最新版
纯插件版(1.3版):
http://www.wangzhongyuan.com/static/image-for-homepage.zip (14.46 KB, MD5:57fba5745524692bcb282fcbad97d2bb)
插件完整版(1.3版)(没什么区别,只是多一个样图而已):http://www.wangzhongyuan.com/static/image-for-homepage-full.zip (359.73 KB, MD5:931787cd8d4fb232035eb60f249743b5)
提醒您注意:如果您喜欢Image For Homepage这个插件,请您到仲子说下载,仲子说不为在别的网站下载此插件造成的损失负责。
免责声明:作者对这个插件保留一切权利,您仅在个人使用时可以免费下载并使用这个插件,本人以及仲子说不为您使用此插件造成的任何后果承担责任。您使用本插件,即表示您接受这些条目。
WordPress版本要求:本插件在Wordpress2.1版以及Wordpress2.7中均测试使用正常,但不保证一定支持其它WordPress版本。您如果在使用中遇到问题,可以到插件的官方主页上提出。
** IFH安装方法 **
1、下载本插件的Zip文件,并解压
2、将插件文件夹image-for-homepage上传到插件目录中,通常是wp-content/plugins/
3、激活插件
4、在模板的首页index.php中,找到the_excerpt(),在其之前添加if (function_exists(”image_for_homepage”)){image_for_homepage(true, 1, 200, 0, ‘right’, ‘IFHL’, ‘<div>’, ‘</div>’); }即可

更多的调用函数可以参见:《WordPress首页显示日志缩略图插件IFH的典型调用


Image For Homepage 1.0版发布文档:

*** ImageForHomepage ***

Plugin Name: Image For Homepage
插件中文名:Wordpress首页文章缩略图显示插件
插件的地址: http://www.wangzhongyuan.com/tag/image-for-homepage
描述: This WordPress Plugin can help you show image on your homepage automatically. 这个插件可以帮助您在首页里自动显示每篇文章中的第一张图片的缩略图
最新版本: 1.3
作者: Zhongyuan Wang (仲子)
作者的网站: http://www.wangzhongyuan.com/

通常在Wordpress首页如果只是显示摘要,会自动过滤掉HTML标签,从而使得页面过于单调。使用Image For Homepage(IFH)插件,能够帮助您在主页上自动显示每篇文章的第一张图片(不论这个图片是来自您的网站还是别人的网站),从而丰富首页上的内 容。本插件不会修改数据库字段,因而您不用担心数据表被修改得面目全非。同时,本插件能够自动生成缩略图缓冲文件,从而减小首页大小,提高页面打开速度。

** IFH特色&版本历史 **
2008-12-21 1.3版
1、使得创建缓存文件夹更为智能,能够自动为安装在网站某一个子目录下的Wordpress也自动生成缓存文件夹
2、缩略图质量大大提高
3、修正指定比例压缩时,上下裁剪不太合理的bug
4、修正居左调用不起作用的bug
5、新添加多个实用的函数调用参数,例如:
image_for_homepage(true, 1, 0, 200, ‘center’, ‘IFHL’, ‘<div>’, ‘</div>’);
center表示在首页将图片居中显示,改为right则居右显示,left居左显示;
IFHL表示给图片自动加上该文章的链接,如果改为IFHL_blank,则点击图片,是在新窗口中打开文章。
更加详细的改进介绍,可以查看《WordPress首页显示日志缩略图的插件Image For Homepage发布1.3版
在此特别感谢idea-cool的许多宝贵意见,让这个软件有了质的提高!

2008-12-14 1.0版
1、不修改数据库文件,只需一行代码即可在首页自动显示缩略图
2、不论文章中的图片是本站的,还是来自其他站点的,都能够正常显示
3、真正为首页生成缩略图,这样的好处是减小首页的体积,与首页显示“伪缩略图”相比,能够大大提升首页打开速度
4、您能够自己定制缩略图的大小,并且不会造成图片变形
5、插件默认提供“缩略图居左”,“缩略图居右”两种显示方式
6、插件安装和使用都十分简单,没有复杂的配置过程

** 高阶说明 **
1、为首页生成的缩略图缓冲在wp-content/uploads/ZhongziImageCache中,如果您的wp-content /upload/目录不具有写权限,则插件可能无法正常使用。这时,您需要手动在wp-content/uploads下创建 ZhongziImageCache目录,并为它赋予写权限。

2、如果您在模板中index.php中没有发现类似the_excerpt()的函数调用,相反,您发现the_content()的函数调用, 那说明您的首页模板中,显示的是全文,建议您将the_content()替换成the_excerpt(),并在the_excerpt()前面添加 if (function_exists(”image_for_homepage”)){image_for_homepage(true, 1, 200, 0, ‘right’, “, ‘<div>’, ‘</div>’); }。

3、更复杂的函数调如下:

函数的语法为:

image_for_homepage($resize=false, $resize_type=1, $width=”, $height=”, $class=”, $id=”, $prefix=”, $suffix=”)

其中:
1、 resize: 决定插件是否要为其生成实际缩略图,并将其缓冲在wp-content/uploads/ZhongziImageCache的文件夹中。true表示要,false表示不要。
2、 resize_type: 调整大小的类型,0为直接生成缩略图,不管图像是否失真;1为调整大小时,保持原有图像的特性。通常这个值为1。
3、 width: 缩略图的宽度。
4、 height: 缩略图的高度。
5、 class: 您可以指定生成的<img>标签的class属性的值
6、 id: 您可以指定生成的<img>标签的id属性的值
7、 prefix: 您可以指定生成的<img>标签的前缀
8、 suffix: 您可以指定生成的<img>标签的后缀

典型用法:
image_for_homepage(true, 1, 200, 0, ‘right’, “, ‘<div>’, ‘</div>’);

表示:自动为每篇文章的第一张图生成缩略图,并显示在首页上,缩略图的宽度为200,高度指定0意味着保持原来图片的比例来生成缩略图,right表示缩 略图在首页中居右显示(您可以查看含效果图的Zip压缩包中的screen.png),<div>以及</div>为img标签 的前后缀。

您可以方便的修改其中的参数,来为您的首页定制图片的显示大小以及位置,例如:
(1)首页显示每篇日志对应的缩略图高为200,宽保持比例缩小:
image_for_homepage(true, 1, 0, 200, ‘right’, “, ‘<div>’, ‘</div>’);

(2)首页显示每篇文章摘要对应的缩略图高为200,宽也为200,强制缩小:
image_for_homepage(true, 1, 200, 200, ‘right’, “, ‘<div>’, ‘</div>’);

(3)首页为每篇文章显示的图片自动居左:
image_for_homepage(true, 1, 200, 0, ‘left’, “, ‘<div>’, ‘</div>’);

希望您能喜欢这款插件~

本文可以自由转载,转载时请保留全文并注明出处:
转载自仲子说 [ http://www.wangzhongyuan.com/ ]
原文链接: