灯箱效果是我一直想加又没有加的功能，正好最近百度在推移动落地页检测，顺手做一下优化
我的检测结果是：您的页面可能存在图片不可全屏查看，全屏查看后不可缩放/左右滑动的问题，影响落地页体验
我们可以直接使用FancyBox来完成我们的需求，FancyBox是一款优秀的弹出框Jquery插件
1、允许我们用鼠标和键盘上的四个方向键切换图片2、可以根据当前窗口大小自动调整弹出框的大小，当我们改变浏览器窗口大小时，将会看到弹出框自动缩放3、支持缩略图列表、放大、全屏等功能4、弹出框支持显示多种类型的内容：图片、html、视频…5、支持触控、缩放手势操作图片
可以将FancyBox的js、css文件下载到主题目录中进行引入，这里我们直接使用CDN外链
请先在header.php文件的head标签前引入Jquery文件
如果存在就跳过(大部分应该都有)，然后在footer.php文件的标签前引入FancyBox的js、css文件
2、增加data-fancybox属性
这里分为两种情况，一种为之前插入图片的时候，添加过标签
需要将以下代码添加到当前主题的functions.php文件中
另外一种是从来没有添加过标签的，我们使用js自动添加链接到原图
.entry-contentpimg需要修改为你自己网站的图片正文的CSS类，这上面js代码加入到header.php或footer.php文件中
3.初始化fancybox
一切加载完成后，就可以初始化FancyBox了，在刚才引入的FancyBox的js、css文件下面增加
$(document).ready(function(){$("[data-fancybox]").fancybox()});
如果一切顺利，那么你的网站现在点击图片就可以看到图片灯箱效果，不满意默认效果？那就来自定义配置吧
在初始化的时候增加配置，比如这个样子：
$(document).ready(function(){$("[data-fancybox]").fancybox({protect:true,//禁用右键保存})});