在网站上写文章时,难免会需要用到一些比较大尺寸的图片,这个时候为了更好的展示,就需要用到lightbox灯箱效果,但是大部分免费主题都是没有这些功能的,就算是付费主题自带的lightbox功能功能也比较简单,我们只能装插件来解决这个问题,今天就给大家介绍一款超好用的wordpress灯箱插件Modulobox,同时也是WP主题站在用的
单张图片的Lightbox效果
安装并激活Modulobox后,便可以使用灯箱效果了,指定图片开启非常简单,只需要在图片中设置开启Modal image,并将其链接到媒体文件即可开启
其lightbox界面非常的简洁,如下图是一个单张图片的灯箱效果,可以看到右上角的分别是全屏、放大、下载、分享、关闭功能,当然你点击其他的地区空白区域也可以关闭灯箱效果。还有它非常好的一点就是不会把没有关联的图片在同一个lightbox中展示,单张图片也可以
如果有不需要的功能,可以在Modulobox后台随时去掉对应的图标,比如我把下载和全屏的按钮去掉,直接将图标拖放到下边的格子里就行了,也可以排列顺序。
也可以改变图标的颜色和大小,不过一般用不到
相册Lightbox效果
Modulobox也提供了相册的lightbox效果,其设置方法和单张图片是一样的
可以看出多了几个功能,缩略图、导航箭头、右上角的播放按钮,并且在相册中支持滑动切换。这时候我们就可以知道Modulobox是根据灯箱的类型展示对应的图标的,不会有多余的功能。
同样,导航箭头和缩略图也是支持在Modulobox后台关闭的,可见定制的区域非常多
自定义控制
几乎可以这样说,在Modulobox插件中几乎可以定制lightbox中所有的操作
手势控制
Modulobox为移动端用户提供了非常方便的手势控制,比如双手扩张放大、捏合关闭、点击关闭等操作,在后台可以轻松的开启或关闭这些效果
键盘控制
键盘有2个主要功能,前后箭头切换图片、esc关闭灯箱效果
滚轮控制
滚轮有三种选择,滑动切换、滑动放大、滑动关闭,只能选择一个选项
图片自动添加灯箱效果
可以通过绑定特定的CSS选择器,自动添加Lightbox效果
制定说明
为了防止有人不会用,Modulobox设置了说明标签,用户只需要鼠标悬浮就能看到说明,而站长就可以自己定制这些说明
相信这些效果已经满足够我们使用了,可能只是需要一个很小的功能,但是Modulobox做的足够优秀,如果你在寻找一款Lightbox灯箱插件,那么它绝对是你的选择。另外如果你只是想有一款普通的灯箱插件,该插件也有免费版可以直接下载ModuloBox
一日程新手WP建站指南(https://www.yiricheng.cn/),为广大编程爱好者提供零基础快速搭建博客网站的方法,分享计算机网络、HTML、CSS、JavaScript、PHP、响应式设计以及Python自动化办公的博客文章,另有各类小工具、电子书、免费教程。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。