将Lightbox特效整合到WordPress主题中

实用又华丽的Lightbox特效其实可以轻松整合到WordPress主题中,本文将详细介绍这一方法。

一、下载Lightbox2的相关文件,以下是为整合到WordPress而修改好的版本。

lightbox.rar

下载完成后将lightbox文件夹上传到当前主题目录下

二、在header.php中加载相关文件

/lightbox/lightbox.css” />


代码注释:

1.第一行代码用于加载lightbox的CSS样式表,你可以将这些代码整合到主题的style.css文件中。

2.第二行代码用于加载jquery,如果你的主题已经有加载,可以去掉这一行。

3.第三行代码用于加载实现lightbox的js文件。

4.第四行代码用于设定lightbox.js文件执行的路径,不可删除。

三、在functions.php文件末尾加入以下代码

//lightbox 自动对图片链接添加rel=lightbox属性
add_filter(‘the_content’, ‘pirobox_gall_replace’);
function pirobox_gall_replace ($content)
{ global $post;
$pattern = “/]*).(bmp|gif|jpeg|jpg|png)(‘|\”)(.*?)>(.*?)<\/a>/i”;
$replacement = ‘$7’;
$content = preg_replace($pattern, $replacement, $content);
return $content;
}

正如代码中的注释一样,这段代码用于对文章中的图片链接,自动添加“rel=lightbox”的属性,以触发Lightbox特效。

 



11 thoughts on “将Lightbox特效整合到WordPress主题中

  1. 你好 图片多了的话 很不方便的 不能实现打开第1张后 点击浏览下面的图片 要关了在点

    不知道博主能不能添加这个功能

Comments are closed.