快速提示:将Colorbox集成到原生Shortcode中

原生 [图库] 短代码很好,但不是很好。在这个快速技巧中,我们将使用 jQuery 来美化它。

[图库] 短代码不是很好。你不能禁用它的默认 CSS,你不能添加或编辑 CSS 类,你不能编辑默认属性(这实际上是一个普遍的短代码问题)......虽然这些东西不会打扰大多数人WordPress 开发者,像我这样的怪人可能会抱怨! :)

在这个快速技巧中,我们将摆脱图像附件页面,并让我们网站的访问者在 jQuery 模式框中浏览图像。

最好的 jQuery Lightbox 插件之一:ColorBox

Colorbox 小于 5KB(压缩后)并支持广泛的浏览器(甚至包括 IE6),是我最喜欢的 jQuery lightbox 插件。

快速提示:将Colorbox集成到原生Shortcode中

正如您从插件页面中看到的,它具有大量设置、方法和挂钩,因此您可以按照您想要的方式自定义它。它还具有 5 个简洁的基于 CSS 的主题。

下载该包并将 colorbox.min.js 和 5 个主题之一(colorbox.css 文件和“images”文件夹)提取到名为“colorbox”的文件夹中,然后将该文件夹上传到您的 WordPress主题。上传前在colorbox.min.js文件末尾添加以下代码:

jQuery(document).ready(function($) { $(".gallery-icon a").colorbox({rel:"gallery"}); }); 登录后复制