燕山网络科技

首页 网站教程wordpress教程正文

WordPress 图片灯箱插件 Responsive Lightbox

hnysnet3年前5830

WordPress 图片灯箱插件很多,许多都是被网上的捧上天了,结果试用了一下都不怎么样。比较好点的有 FancyBox for WordPress,但是我安装这个插件后没有什么效果。

responsive lightbox 这个灯箱插件是我使用一款主题时提示安装的,安装后即可使用,配置界面是英文的,比较简单,有五个灯箱效果可供选择。插件是免费的,在WordPress后台搜索 responsive lightbox 安装即可,不需要太多设置。

这是后台配置界面

1、General settings

WordPress 图片灯箱插件 Responsive Lightbox WordPress基础教程 wordpress教程  第1张

开始的红框中选择灯箱效果,可以看到第三项就是fancybox的效果,我就是使用的第四种,看起来舒服,大家可以根据自己喜好自己选择看看效果。下面的红框enable后可以让灯箱能有上一张下一张,这款插件也支持键盘左右键切换上一张下一张。选择了这两个选项,插件就可以很好的工作了,也不需要额外设置。其他选择有兴趣朋友可以自己调试一下。

2、lightbox settings

WordPress 图片灯箱插件 Responsive Lightbox WordPress基础教程 wordpress教程  第2张

这是 responsive lightbox 设置界面,下面框起来的是灯箱效果选项,有渐隐,缩放,左滑入,右滑入等,可以根据喜好选择。

下一项是点击遮罩层关闭灯箱,就是点击非图片的地方退出灯箱,默认启用。在下面一项是是否启用键盘控制,也就是按键盘的左右键可以切换上下一张,按esc退出灯箱,默认也是启用。

这款插件,非常的强大,而且免费,非常感谢作者。很多东西,收费的或者有名气不一定好,反而很多名不见经传的,很低调的东西很称手,很多好东西需要大家发现。

效果一

WordPress 图片灯箱插件 Responsive Lightbox WordPress基础教程 wordpress教程  第3张

效果二

WordPress 图片灯箱插件 Responsive Lightbox WordPress基础教程 wordpress教程  第4张

效果三

WordPress 图片灯箱插件 Responsive Lightbox WordPress基础教程 wordpress教程  第5张

效果四

WordPress 图片灯箱插件 Responsive Lightbox WordPress基础教程 wordpress教程  第6张

在WordPress后台插件安装界面搜索 Responsive Lightbox 即可在线安装,或者在这里下载:https://wordpress.org/plugins/responsive-lightbox/

上一篇:快速插入 Coding 项目的 WordPress 插件:Reposidget For Coding

下一篇:WordPress 代码高亮插件 WP-GeSHi-Highlight

(¬_¬) 还不快点抢沙发!!!

服务热线

15639981097

qrcode

扫一扫二维码,访问手机版