给博客添加了 Highslide 功能

一直以来,在蓝蓝小雪的博客上展示图片都是个问题。不过,现在好了,我给博客安装了 Highslide4WP 插件,于是,现在点击图片会有很炫的效果喔。几个实例,快点点看:

[img s=”http://images.homezz.com?i=aHR0cDovL2Zhcm0zLnN0YXRpYy5mbGlja3IuY29tLzI2NjAvMzg2ODQ3OTM3MV81ZDY3MDM1M2E1X20uanBn” l=”http://images.homezz.com?i=aHR0cDovL2Zhcm0zLnN0YXRpYy5mbGlja3IuY29tLzI2NjAvMzg2ODQ3OTM3MV9iZWM0ZmIzNTZhX28uanBn” id=”200908300819cosbeta1″]Cosbeta(此图来源:Kenengba)[/img]
[img s=”http://images.homezz.com?i=aHR0cDovL2Zhcm0zLnN0YXRpYy5mbGlja3IuY29tLzI1MjMvMzg2OTI2MDc3OF9iZTNjNWQ1NjQwX20uanBn” l=”http://images.homezz.com?i=aHR0cDovL2Zhcm0zLnN0YXRpYy5mbGlja3IuY29tLzI1MjMvMzg2OTI2MDc3OF85YzAyMWJiMzQ4X28uanBn” id=”200908300821cosbeta2″]Cosbeta(此图来源:Showfom)[/img]
[img s=”http://images.homezz.com?i=aHR0cDovL2Zhcm0zLnN0YXRpYy5mbGlja3IuY29tLzI1NjMvMzg2ODQ3OTA4OV8yNGI4ZjJlZGExX20uanBn” l=”http://images.homezz.com?i=aHR0cDovL2Zhcm0zLnN0YXRpYy5mbGlja3IuY29tLzI1NjMvMzg2ODQ3OTA4OV81NWMwNDY4NTkxX28uanBn” id=”200908300821cosbeta3″]Cosbeta(此图来源:Showfom)[/img]
[img s=”http://images.homezz.com?i=aHR0cDovL2Zhcm0zLnN0YXRpYy5mbGlja3IuY29tLzI0MjkvMzg2ODQ3ODg2MV8xZWQ2MmI1ZGIzX20uanBn” l=”http://images.homezz.com?i=aHR0cDovL2Zhcm0zLnN0YXRpYy5mbGlja3IuY29tLzI0MjkvMzg2ODQ3ODg2MV9lMTY5MzQzMzNhX28uanBn” id=”200908300821cosbeta4″]Cosbeta(此图来源:Showfom)[/img]

哈哈,以上图片就是蓝蓝小雪的主机服务商 HomeZZ 的老大 Cosbeta 的照片。效果很好吧?

最初是在 Showfom 的博客上看到的这个效果,看到了很喜欢,很像放到自己博客上用。看了一下他的代码,发现用了 Highslide 这个东西。于是在主机群里面问了一下,Eplie 告诉我,有个插件叫做 Highslide4WP

兴冲冲地来到 WP 后台安装,不料安装成功之后在文章中插入的图片还是点击之后在新窗口打开。蓝蓝小雪研究了一下,发现 WPMU 竟然把所有 JavaScript 都过滤了!早知如此,我就不用 WPMU,直接用 WP 了。Eplie 说这种情况就用 Shortcode 吧。

最终,根据官方手册的说明,写出了一段代码,放到了 functions.php 中。于是这堆问题终于解决了,所以上面的实例才会有效。

呃,我还是把这个代码贴出来吧,免得有人有同样的问题而找不到方法解决:

使用的时候在文章中插入如下代码即可(请把“【】”换成“[]”):

————————碎碎念的分割线————————

早上两同学(Lois GuoYanrong Jin)发短信,问我是否应该今日报道(实际上应该是明天),只是因为 Yanrong Jin 看到一年级(对,是一年级)有同学去学校,认为我们初三也得去……

7 thoughts on “给博客添加了 Highslide 功能

Comments are closed.