对于摄影站来说，有摄影灯箱比没有好得多。好在有足够的WordPress插件和相当多的照片灯箱插件，但这些插件还是不能满足所有站长。在这里，我找到了一个lightgallery照片灯箱，我个人认为效果最好。写这篇教程，快速集成到WordPress中，帮助大家快速达到想要的效果。集成方法很简单，有心的话也可以做一个WordPress灯箱插件。
这款灯箱插件不仅支持自动播放、上下页导航和缩放功能，还支持在移动终端上手势翻页，功能相当强大。
WordPress集成方法
首先下载文末的资源文档，里面包含一个js和一个css，这是lightgallery的核心文件，还有一些字体文件，没有一个只会影响美观和功能。
在你的主题header.php文件中，添加lightgallery的css文件引用。
链接类型='text/css' rel='样式表' href=' '。get _样式表_目录_uri()。/CSS/light gallery . min . CSS /
然后添加footer.php light gallery的js参考。
脚本类型='text/javascript' src=' '。get _样式表_目录_uri()。/js/light gallery-all . min . js '/脚本
打开lightgallery-all.min.js文件，找到里面的run_lightgaller方法，修改里面的css选择器名称。
函数run _ light gallery(){ 0
var匹配=new RegExp('\[。](? gif | png | jpg | JPEG | webp)($ |[？])')，image _ popup=false
$('.文章-内容a’)。每个(函数(){ 0
if(matching.test($(this))。attr(' href ')$(this)。儿童(' img ')。长度==1){ 0
$(这个)。add CLaSS(' DMD-light-gallery-item ')；
image _ popup=true
}
});
if(image _ popup){ 0
$('.文章-内容’)。lightGallery({ 0
selector: '。DMD-灯光-画廊-项目'，
share: false，
exThumbImage: 'href '
});
}
}
改变。文章-将内容放入包装文章内容的标签中。上述js的目的是在类名为article-content的标签下找到A标签对象。然后遍历匹配的图片，得到地址。如果找到的话，添加一个类名为dmd-light-gallery-item的css到a标签中。第二段是lightGallery的初始化。初始化对象是包装文章内容的标签，选择我们刚刚添加类的对象。
整个过程还是很简单的，但是官方文档比较枯燥，没有lightgallery-all.min.js和lightgallery.min.css两个文件，它们提供的文件和样例代码可以直接用来报错，初始化无法工作。
最重要的是使用jquery，别忘了！
下载地址：
本地下载