在使用百度站长工具进行移动落地页检测的时候,遇到了一个问题:“图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换。”
这就需要用到灯箱(Lightbox)插件了,我在WordPress插件商店中尝试了很多个插件后,推荐一个简单好用的灯箱插件:Lightbox with PhotoSwipe。
Lightbox with PhtotSwipe
这个插件的设置很简单,只要WordPress网页中的图片链接到了“媒体文件”,就可以自动显示灯箱,默认设置也无需修改。
如果使用了Redis缓存,那么就启用下面这个选项:
Use WordPress cache instead of the database table dn_lightbox_photoswipe_img (use this option if you use caching plugins like “Redis Object Cache”)
启用插件后,再次到百度资源平台重新进行移动落地页检测,问题已解决,说明百度认可这个插件的功能。
下面是在设置插件的时候遇到的坑:
WebP的支持问题
启用插件后,发现始终有几篇文章无法使用Lightbox,找了很久原因,发现无法使用Lightbox的原因是图片是WebP格式的,WordPress默认没有将WebP识别为图片格式,需要修改主题的function.php文件以使网站支持WebP格式图片。
外链图片的显示问题
还有一个外链图片一直无法显示Lightbox,查看源代码发现是由于我的SEO插件对外链的链接进行了优化,使链接到媒体文件的链接变成了/go=?
的形式,插件无法识别链接是链接到媒体格式的文件,所以无法启动Lightbox。
后来在SEO插件中的外链优化中,将我的图床网址添加为了例外,问题解决。