My Plugin: Wordpress Post Coda Slider

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

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 ,噢,这下又省了很多事情。。。 :mrgreen:

好了,随便搭下积木这插件就弄成了,用法基本和 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% 的代码是他们写的。 :shock:

2008 年 10 月 3 日 凌晨修订,版本 1.1:数据库中的地址已经编码,提出图片地址后要解码,这会影响有空格或者中文的图片文件名。


点击显示引用框
引用本文,复制粘贴...

点击可把本文加入多个网络分享站点

上下文导读:

前一页: WinRAR 3.80 Final网站重开! :下一页

您还可以参考以下文章:


标签相关

内容相关

  1. 一个评论 “My Plugin: Wordpress Post Coda Slider”

  2. 还有些 Bug ,我自己已经发现了,有点忙,慢慢改。

    By AvP on Oct 3, 2008

您必须 登录 才能发表评论.