My Plugin: Wordpress Post Coda Slider

2008-10-02 – 11:24 下午 --- 5,749 次阅读

Coda Slider 这个效果我最初是从 Mashable 看到的，当然那时候我并不知道这种效果叫 Coda Slider。通过查看源码和一番搜索我知道了这个玩意是用 Jquery + Coda Slider 插件做出来的，它的网站是 Niall Doherty's Coda Slider。

于是我当然想把它用在我的站点。去 WordPress 官方插件站点扫了一下居然没找到（嗯，太多插件，也不知从何搜起），只好自己弄了。看下 Coda Slider 的范例文件就很清楚地知道，只要把 Slider 的内容放入一个特定 Class 的 Div 里面即可，从 Mashable 看来，Slider 的内容就是文章的第一张图片（如果有的话）和文章标题。这样就简单了，我们只需要把这些内容从 WordPress 数据库中提取出来放入那些 Div 容器即可。

当我正准备动手写代码的时候，突然想起在哪见过这类提取图片的应用，还是在我的链接列表里面，于是找了几个站点，在 “我爱水煮鱼”的 Blog 找到了 Advance Post Image Plugin ，噢，这下又省了很多事情。。。

好了，随便搭下积木这插件就弄成了，用法基本和 Advance Post Image Plugin 一样：

上传 wordpress-post-coda-slider 整个目录到 /wp-content/plugins/ 目录下；

在插件菜单下激活插件；

在模板文件中适当的位置插入：


if(function_exists('get_post_image_list')) { get_post_image_list(); }

这个位置一般是你文章主体那个 Div 上面；

在 wp-content 目录下创建 thumb-cache 文件夹并将其设置为 777 ，哪个文件夹不重要(你可以修改源代码定目录），重要的是一定要可写！

然后函数 get_post_image_list() 的以下五个参数是可以定制的：

$image_number = 20 // 设置显示图片个数，默认为20 张
$thumb_width =80 // 设置所略图的宽度，默认为 50 像素，如果为 0，则会根据高度自动修改，但是宽度和高度至少填一个
$thumb_height = 45 // 设置所略图的高度，默认为 50 像素，如果为 0，则会根据宽度自动修改，但是宽度和高度至少填一个
$type = "random" // 设置列表的类型，"recent" 显示最近日志的图片， "random" 则显示随机日志的图片
$randompic = "random" // 设置显示图片方式，”random“为随机显示文章中的图片，”first“为显示文章中第一张图片，”last“显示文章中最后一张图片

好了，最后再次感谢”我爱水煮鱼“和 Jquery Coda Slider 的原作者，这插件 99% 的代码是他们写的。