高效率的WordPress缩略图插件:Random Post with Picasa Image

分享本文:

给你的博客增加一些漂亮的缩略图,显示在文章的摘要,或者侧边栏里,都是非常吸引读者的。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.大部分相册插件都操作复杂。

一直很羡慕煎蛋和鸸鹋侧边栏的随机日志图片样式,小巧的六格图片,风格紧凑,很有新意。煎蛋服务器很强大,不能比; 鸸鹋是手动加的,冏。

高效率的WordPress缩略图插件:Random Post with Picasa Image | niaolei.org.cn 鸟类网图片

今天我忙活了一晚上,自己动手写了这个插件: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作者给出的这张图片:

高效率的WordPress缩略图插件:Random Post with Picasa Image | niaolei.org.cn 鸟类网图片

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 (五个字母,其实瞎填也没有关系拉)。

高效率的WordPress缩略图插件:Random Post with Picasa Image | niaolei.org.cn 鸟类网图片

你只需要添加一次,以后每篇文章的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来清除样式。

查看效果图:(首页文章缩略图)

高效率的WordPress缩略图插件:Random Post with Picasa Image | niaolei.org.cn 鸟类网图片

查看效果图:(分类页文章缩略图)

高效率的WordPress缩略图插件:Random Post with Picasa Image | niaolei.org.cn 鸟类网图片

查看效果图:(标签页文章缩略图)

高效率的WordPress缩略图插件:Random Post with Picasa Image | niaolei.org.cn 鸟类网图片

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(); ?>

查看效果图:(显示超多的图片都没有问题,不会拖慢速度。)

高效率的WordPress缩略图插件:Random Post with Picasa Image | niaolei.org.cn 鸟类网图片

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到插件,请指教该怎么实现;

目前提取图片的正则表达式为:

高效率的WordPress缩略图插件:Random Post with Picasa Image | niaolei.org.cn 鸟类网图片

请教该如何将它们合并?并且这两个正则表达式不能处理形如<img alt="" width="" src="">的图片,因为img和src中间还有字符串干扰。

插件写得很简单,看看里面的代码对你开始深入了解WordPress有一定的帮助,欢迎一同修改扩充我的插件。

新开一贴《各大外链图片的链接格式》,有兴趣请前往。

原文:高效率的WordPress缩略图插件:Random Post with Picasa Image

来自:鸟类

分享本文:


评论: 高效率的WordPress缩略图插件:Random Post with Picasa Image

  • 很不错的插件

    谷百优 2009/05/11 2:51 下午 回复
  • Pingback: 2wordpresscom 05/11/2009 « huaxlee’s daily post

  • 又知道一款不错的WP插件了

    Robolet 2009/05/12 11:38 下午 回复
  • 是不错的,这个插件

    北极寒流 2009/08/04 8:01 下午 回复
  • 可惜的是picasa现在打不开了

    phishell 2009/08/05 12:42 下午 回复
  • 是啊,遗憾!

    Jiang 2009/08/05 2:11 下午 回复
  • 已经用上了,十分感谢!

    Terry 2010/05/12 1:33 上午 回复
  • 谷歌的东西经常被屏蔽呀,工具虽好,目前真不敢用!

    hostgator 2011/05/30 5:01 上午 回复
  • 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

    STACHER 2011/06/21 10:11 下午 回复
  • 感谢分析

    雅思学习 2017/04/12 3:04 下午 回复

留言给文章 北极寒流 取消回复

邮箱地址不会被公开。 必填项已用*标注