一个简单的WordPress灯箱插件:Lightbox with PhotoSwipe

在使用百度站长工具进行移动落地页检测的时候,遇到了一个问题:图片应能点击调起大图、缩小放大功能使用自如,手势支持顺滑,图集能自由切换。

这就需要用到灯箱(Lightbox)插件了,我在WordPress插件商店中尝试了很多个插件后,推荐一个简单好用的灯箱插件:Lightbox with PhotoSwipe。

Lightbox with PhtotSwipe
Lightbox with PhtotSwipe

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插件中的外链优化中,将我的图床网址添加为了例外,问题解决。


本站由 @澄哥 使用 Stellar 主题创建。本站所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。

备案信息:蜀ICP备19037348号-2川公网安备51160202511796号


统计信息:本页总阅读量本站总阅读量本站访客数人次
本站已安全运行: