Modulobox 最好用的WordPress灯箱插件

在网站上写文章时,难免会需要用到一些比较大尺寸的图片,这个时候为了更好的展示,就需要用到lightbox灯箱效果,但是大部分免费主题都是没有这些功能的,就算是付费主题自带的lightbox功能功能也比较简单,我们只能装插件来解决这个问题,今天就给大家介绍一款超好用的wordpress灯箱插件Modulobox,同时也是WP主题站在用的

单张图片的Lightbox效果

安装并激活Modulobox后,便可以使用灯箱效果了,指定图片开启非常简单,只需要在图片中设置开启Modal image,并将其链接到媒体文件即可开启

其lightbox界面非常的简洁,如下图是一个单张图片的灯箱效果,可以看到右上角的分别是全屏、放大、下载、分享、关闭功能,当然你点击其他的地区空白区域也可以关闭灯箱效果。还有它非常好的一点就是不会把没有关联的图片在同一个lightbox中展示,单张图片也可以

单张图片lightbox效果

如果有不需要的功能,可以在Modulobox后台随时去掉对应的图标,比如我把下载和全屏的按钮去掉,直接将图标拖放到下边的格子里就行了,也可以排列顺序。

modulobox设置前台展示图标

也可以改变图标的颜色和大小,不过一般用不到

相册Lightbox效果

Modulobox也提供了相册的lightbox效果,其设置方法和单张图片是一样的

可以看出多了几个功能,缩略图、导航箭头、右上角的播放按钮,并且在相册中支持滑动切换。这时候我们就可以知道Modulobox是根据灯箱的类型展示对应的图标的,不会有多余的功能。

同样,导航箭头和缩略图也是支持在Modulobox后台关闭的,可见定制的区域非常多

Modulobox关闭箭头
Modulobox关闭缩略图

自定义控制

几乎可以这样说,在Modulobox插件中几乎可以定制lightbox中所有的操作

手势控制

Modulobox为移动端用户提供了非常方便的手势控制,比如双手扩张放大、捏合关闭、点击关闭等操作,在后台可以轻松的开启或关闭这些效果

Modulobox手势控制

键盘控制

键盘有2个主要功能,前后箭头切换图片、esc关闭灯箱效果

滚轮控制

滚轮有三种选择,滑动切换、滑动放大、滑动关闭,只能选择一个选项

图片自动添加灯箱效果

绑定CSS选择器自动添加灯箱效果

可以通过绑定特定的CSS选择器,自动添加Lightbox效果

制定说明

为了防止有人不会用,Modulobox设置了说明标签,用户只需要鼠标悬浮就能看到说明,而站长就可以自己定制这些说明

相信这些效果已经满足够我们使用了,可能只是需要一个很小的功能,但是Modulobox做的足够优秀,如果你在寻找一款Lightbox灯箱插件,那么它绝对是你的选择。另外如果你只是想有一款普通的灯箱插件,该插件也有免费版可以直接下载ModuloBox

购买Modulobox


一日程新手WP建站指南https://www.yiricheng.cn/),为广大编程爱好者提供零基础快速搭建博客网站的方法,分享计算机网络、HTML、CSS、JavaScript、PHP、响应式设计以及Python自动化办公的博客文章,另有各类小工具、电子书、免费教程。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。