Oct 02

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:数据库中的地址已经编码,提出图片地址后要解码,这会影响有空格或者中文的图片文件名。



Nov 17

SweetTitles 这个 JavaScript 的脚本原作者是 Dustin Diaz。把它做成 WordPress 插件只需要很小的工作量。

SweetTitles 能实现原 FancyTooltips 的全部功能但是脚本缩小了 50% ,仅 5K ,如果有兴趣可以压缩一下会更小,而且具有淡入淡出效果。使用这些 Tooltips 插件不光为了美观,也因为 FireFox 默认的 ToolTip 能显示的内容太少。

SweetTitles 和 FancyTooltips 共同存在的问题是:

  1. 当 img 和 a 标签同时有 title 内容时(有时候还会显示 img 的 alt 内容),会重叠显示,其中一个为原浏览器 Tooltip 样式,1.1 解决了这个问题。
  2. 当 a 的 title 内容为空时或者根本没有 title 属性时,会显示一个空的 div 框,这个解决了。

另外,由于我只是使用 SweetTitles 来让 Tooltips 显示更多的 title 内容,所以原有的显示标签快捷键以及对应超链接地址功能被我屏蔽了,在 js 脚本的 137 行,需要的可以改回它。

脚本以及插件在 FireFox 以及 IE7 下测试成功。如果你使用了类似 Def-Link 这样的插件,强烈建议同时使用 SweetTitles 。

你还可以参考 Sweet Titles by class 一文,在特定的 Class 上使用 SweetTitles 而不是全部链接。


Nov 15

PoQue 是利用 Flash 来读取 RSS 的一个插件(申明:Flash 作者不是我)。它将 RSS 中的图片数据读取出来以幻灯片形式播放,你可以可以在这个 Flash 界面上进行全文预览,文章列表等操作。具体效果见本站侧边栏的 PoQue 。

使用:

下载插件后把 poque 上传到你的插件目录 plugins 下,后台激活这个插件。在任意地方(如侧边栏)使用:


 if (function_exists('poque_show')) { poque_show("http://feed.feedsky.com/showcool","glos_white"); }

来显示 PoQue 。

poque_show 接受两个参数,第一个是需要读取的 RSS 地址(目前支持 RSS 1.0 和 RSS 2.0),第二个是 PoQue 的界面类型以及颜色。

界面类型分 glos 立体发光和 flat 平板两种模式,颜色则有如下 9 种选择:

PoQue Color Pick

组合起来就是 glos_white ,flat_black ,等等。


Nov 03

Def-Link 是一个定义关键字的插件,被定义的关键字在文章中出现后,会自动以鼠标悬停提示的方式显示其内容,点击这个词则会跳转到定义好的网址去。自 Def-Link 1.4 MOD 后,我再次更新这个插件,主要改动是后台管理:添加了分页显示功能,添加了搜索关键词功能,优化了列表界面。


Oct 27

Download Counter 是用于管理 WordPress 文件下载的插件,在后台管理中填入下载文件数据(标题,真实地址)后,通过:
< lang="php" linenum="off">
[Download]文件ID[/Download]

在文章中插入附件下载代码。

顾名思义,Download Counter 可以统计附件的下载次数,并让下载者看到此文件已被载过多少次。

Download Counter 1.2 基于 JerryDownload Counter 1.1,原始版本则是 VanguardDownload Counter v1.0

主要的改动有:

1.去掉了作用不大但是及其影响速度的验证链接是否有效的功能;
2.重新设计后台管理界面,默认显示最后 10 个添加的文件信息,避免文件多了后超长的列表;
3.增加搜索功能,可以通过文件 ID 或者文件名(文件描述)来搜索文件;
4.修复在 IE 7 下显示不正常的 BUG,少许迎合 XHTML 的改动(懒得全部改了反正是后台)。

附件下载 Download Counter 1.2 。


[1/5]  1 2 3 4 5 >