给你的博客增加一些漂亮的缩略图,显示在文章的摘要,或者侧边栏里,都是非常吸引读者的。WPChina.org 曾经介绍过不少这方面的文章,今天给大家介绍的这个国内网友开发的高效的 WordPress 缩略图插件,可以帮你轻松实现缩略图和随即图片两个主要功能。
以下是作者原文:
本人写的第一个插件,高效率的WordPress缩略图插件《Random Post with Picasa Image》,实现首页文章缩略图功能、分类页文章缩略图功能、标签页文章缩略图功能(与picasa无关),并且使用Google Picasa的外链缩略图显示wordpress博客的随机日志。(如果觉得绕,看成两个插件:首页缩略图插件 + 随机图片日志插件)
Google Picasa是什么东东:Google Picasa是Google提供的免费图片处理软件和免费相册空间。
我是这个站的站长,使用WordPress以来,一直没能找到一款满意的随机图片日志插件,目前的随机图片/缩略图片插件都存在各种问题:
1.有些插件如《Random Post with Image》不能显示真正的缩略图,仅仅是加一个width和height属性,导致图片扭曲变形,效果很难看。
2.有些能生成真正的缩略图,但仅限于本地图片,不能处理外链图片。而很多博客为了减轻服务器负担,图片多为外链。
3.《Post Thumb Revisited》功能超级强大,能满足一切要求。但是特别消耗资源,试用这款插件的时候,本站所在的服务器经常被当掉。我试图在本地php环境利用Post Thumb Revisited制作缩略图,apache进程的CPU和内存占用惊人,服务器完全失去响应。
4.大部分相册插件都操作复杂。
一直很羡慕煎蛋和鸸鹋侧边栏的随机日志图片样式,小巧的六格图片,风格紧凑,很有新意。煎蛋服务器很强大,不能比; 鸸鹋是手动加的,冏。
今天我忙活了一晚上,自己动手写了这个插件:Random Post with Picasa Image。首先申明,我不懂PHP,也不懂CSS,全靠平时修改模板累积的经验,如果有写得奇怪的地方,请务必指正。本来我只是添加些php语句到模板,写着写着发现做成插件简洁得多,结果写出了我的第一个WordPress插件。
插件名称:
《Random Post with Picasa Image》
插件功能:
1.首页文章缩略图、分类页文章缩略图、标签页文章缩略图效果,首页缩略图效果基本等同于仲子说的首页文章缩略图显示插件《Image For Homepage》,也类似首页缩略图插件《thumbnail-for-excerpts》(我的不需要手动添加缩略图地址),即选取文章的第一张图片作为缩略图,可以处理站内和外链picasa图片。
2.随机图片日志效果,即可以在站内任何地方显示随机缩略图片(图片来自picasa),图片链回原日志。(如果你想链回原始大图当相册使用,可以留言告诉我,我想看看有没有这样的需求。)
插件局限:
插件几乎完全局限于picasa图片,如果你的网站大量使用Google Picasa外链图片,那么这款插件很适合你。为什么要使用picasa做缩略图,看看WP插件Easy Picasa作者给出的这张图片:
picasa外链图片功能非常强大,你上传的每一张图片,都会自动生成不同大小规格的副本,如表中两列所示,有多种规格的图片供你外链到你的博客,更有意思的是,picasa为你生成了多种正方形裁减的缩略图,这样你完全可以省去制作缩略图的步骤,节省空间资源,直接利用picasa缩略图片显示随机图片日志。
插件Random Post with Picasa Image完全为此而生。
插件优点:
非常高效,通过访问自定义字段picasathumb并自动填充维护该字段,大大减少了数据库访问,如果你的图片多为picasa图片,数据库访问开销几乎可以不计。
插件下载:
链接为最新版本:Version 1.1.4
http://niaolei.org.cn/wp-content/uploads/2009/05/random_post_with_picasa_image.zip
插件主页:
http://niaolei.org.cn/posts/4012
插件安装和使用:
第一步,安装插件之前务必先添加一个自定义字段,名字叫做picasathumb(不能是别的名字),如何添加自定义字段,很简单,打开一篇已经发表的文章,然后编辑,在编辑框下面就可以添加自定义字段了。
首次设置,picasathumb的值必须为 ggpht (五个字母,其实瞎填也没有关系拉)。
你只需要添加一次,以后每篇文章的picasathumb都会自动维护,不需要你手动添加缩略图地址。(当然,如果你觉得某篇文章的缩略图不够漂亮,手动添加另一张图片的url地址作为picasathumb也完全可以)。
下载,上传,激活。(如果激活时提示“插件文件不存在”,请去已安装插件列表,可以看到插件已经在那儿了,点击激活。)
这里有三个函数,分别对应不同功能,需要你手动把它们放到正确的位置:
1. <?php picasa_image_for_homepage(); ?>: 在首页显示缩略图,这是最简单的调用方式。
完整又安全的调用形式:<?php if(function_exists(‘picasa_image_for_homepage’)) { picasa_image_for_homepage ($thumbsize = "144", $crop = "0", $target = "_blank", $defaultimage = "", $position = "right"); } ?>
表示:缩略图最大高度/宽度为144px,不裁剪成正方形缩略图,日志链接在新窗口打开,不显示替代缩略图片,缩略图靠右显示。
以上是默认数值,你可以根据自己需要修改括号中的三个数值。其中:
$crop:为"1"表示显示裁剪成正方形的缩略图,例如本站侧边栏的缩略图片; 为"0"表示保持高宽比,不裁剪。不接受其他数值。
$thumbsize:当$crop = "1"时,只能取如下数值:32,48,64,72,144; 当$crop = "0"时,只能取如下数值:32,48,64,72,144,160,200,288,320,400,512,576,640,720,800. 不接受其他数值。
$target:"_blank"表示在新窗口打开,"_self"表示在当前窗口打开。不接受其他数值。
$defaultimage :""表示该日志没有图片时所显示的默认替代图片,比如我的网站设置为:$defaultimage= "http://lh4.ggpht.com/_uXYSYq33_r8/SXSiVmv5OlI/AAAAAAAADwE/CnVLwnybYFk/s144-c/khlneyJ2lTC.jpg"(就是一只可爱的拉屎小翠鸟,这只shitting bird会出现在本站所有无图片文章的缩略图处)
$position = "right":默认靠右,靠左为"left"。不接受其他数值。
将如下代码放置在首页index.php循环体内,即the_content或者the_expert前面。如果要实现分类页文章缩略图和标签页文章缩略图,依葫芦画瓢,找到相应php文件,同样位置添加同样的代码。
<div class="PostContent" >
<?php picasa_image_for_homepage(); ?>
<?php the_content(”); ?>
</div>
<div class="clear-float"> </div>
默认放置在右边。注意有必要用clear-float来清除样式。
查看效果图:(首页文章缩略图)
查看效果图:(分类页文章缩略图)
查看效果图:(标签页文章缩略图)
2.<?php picasa_image_for_random_post(); ?> :在任意位置显示随机图片,图片链接指向图片所在的文章,这是最简单的调用方式。
完整又安全的调用形式:<?php if(function_exists(‘picasa_image_for_random_post’)) { picasa_image_for_random_post ($number = "6", $thumbsize = "72", $target = "_self"); } ?>
以上是默认数值,你可以根据自己需要修改括号中的三个数值。其中:
$number:显示缩略图张数。下面的CSS要根据显示每行显示图片数和图片大小调整。
$thumbsize:只能取如下数值:32,48,64,72,144。都是裁剪后的缩略图。
$target:"_blank"表示在新窗口打开,"_self"表示在当前窗口打开。
参考CSS已集成到插件,可以显示多行多列的随机缩略图,具体背景颜色,宽度,间距等请自己编辑插件调整。(需要懂得CSS知识)
相应的php代码放在任意位置:
<?php picasa_image_for_random_post(); ?>
查看效果图:(显示超多的图片都没有问题,不会拖慢速度。)
3.<?php update_picasa_thumb_meta(); ?>:自动更新维护自定义字段picasathumb。
如果你网站文章数不多并且你调用了首页文章缩略图功能,可以不管这个函数, <?php picasa_image_for_homepage(); ?>会自动调用这个函数。
如果你没有使用本插件的首页文章缩略图功能,则必须启用这个函数,将如下代码放置在单篇日志single.php中,这样该文章只要被访问一次,就会自动从日志中寻找第一张picasa图片作为缩略图,将它的url地址填充进自定义字段picasathumb。放置位置可以是single.php任意位置,建议放置在循环体内,the_post()下方,这个函数不需要使用CSS:
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<?php update_picasa_thumb_meta(); ?>
完整又安全的调用形式:<?php if(function_exists(‘update_picasa_thumb_meta’)) { update_picasa_thumb_meta(); } ?>
插件提醒:
很多人在首页已经输出大图了(采用<!–more–>标签),如果你想只显示缩略图的话,并且对WordPress模板有点了解的话,得把the_content()函数改成the_expert()函数输出摘要(查看wordpress中the_excerpt()和the_content()函数区别),或者自己编辑日志修改啦。
本人水平有限,程序中基本上没有加上对各种条件的检查,只在WP2.7下测试过,如有bug请一定指正。我不会多扩展功能(除非很有用并且实现也比较简单的功能),但是会一直维护这个插件。安装使用过程中遇到问题,欢迎留言询问,我会及时回答。联系我:插件主页,邮箱9000birds#gmail.com,QQ305672158。
没有重要更新的话,你不需要跟进我的每一个版本。只要插件在你的网站运行良好就不用更新。
TODO:(请补充)
添加“nofollow”标记,减少重复链接。
集成CSS到插件,请指教该怎么实现;
目前提取图片的正则表达式为:
请教该如何将它们合并?并且这两个正则表达式不能处理形如<img alt="" width="" src="">的图片,因为img和src中间还有字符串干扰。
插件写得很简单,看看里面的代码对你开始深入了解WordPress有一定的帮助,欢迎一同修改扩充我的插件。
新开一贴《各大外链图片的链接格式》,有兴趣请前往。
原文:高效率的WordPress缩略图插件:Random Post with Picasa Image
来自:鸟类
-
1 古腾堡项目继续推进,1.2 版本增加 Postmeta 支持
-
2 NextGEN Gallery 相册插件修复一个严重的 SQL 注入漏洞
-
3 WordPress 4.7取消图片替换文本回滚功能,改进网站可访问性
-
4 20个你可能还不知道的WordPress隐秘功能(11~15)
-
5 W3 Total Cache 0.9.5主版本更新修复XSS漏洞,升级需谨慎
-
6 W3 Total Cache缓存插件被曝存在XSS高危漏洞,附修补办法
-
7 JetPack 4.3版本发布,管理后台界面采用React.js重写
-
8 3个过期插件导致8,000个WordPress网站被入侵
-
9 2016年,为什么外贸网站应该使用Jetpack插件包?
-
10 如何修复使用SSL证书时WordPress 4.4无法加载图片的错误
很不错的插件
Pingback: 2wordpresscom 05/11/2009 « huaxlee’s daily post
又知道一款不错的WP插件了
是不错的,这个插件
可惜的是picasa现在打不开了
是啊,遗憾!
已经用上了,十分感谢!
谷歌的东西经常被屏蔽呀,工具虽好,目前真不敢用!
The temporary staffing industry continues to expand, with yearly double-digit growth being commonplace. Companies find it convenient and cost-effective to work with a
感谢分析