WordPress图片灯箱效果插件 Responsive Lightbox

图片灯箱效果是指网站上的图片被鼠标点击后,弹出一个精美的图片浏览窗口,并且支持切换上一张,下一张以及当前页面内容的

图片灯箱效果是指网站上的图片被鼠标点击后,弹出一个精美的图片浏览窗口,并且支持切换上一张,下一张以及当前页面内容的图片进行autoplay的轮播展示功能,提供这种功能的插件也叫做lightbox或者fancy box

WordPress图片灯箱插件有很多,为主的祥助这里给跨境E站也安装和使用过是吗上流行的图片灯箱插件,最后确定Responsive Lightbox最为好用,并且提供了多种不同的展示效果样式切换。

文章目录
隐藏

1
Responsive Lightbox下载

2
灯箱通用配置

3
Lightbox模块设置

4
文章发布设置

Responsive Lightbox下载

在wordpress的后台-插件-安装插件,插件市场搜索:Responsive Lightbox,点击安装即可将灯箱扩展插件配置到你的WP网站或博客。

也可以手动访问插件下载点:Responsive Lightbox插件下载 ,将插件的压缩包下载后,在插件-安装插件-上传插件进行本地的上传和安装。

(adsbygoogle = window.adsbygoogle || []).push({});

并且这个插件自带了媒体库图片文件夹管理功能,目前增加了13个文件夹没有遇到数量限制,不会像其他插件一样限制10个文件夹,超出就要升级Pro版本。

WordPress图片灯箱效果插件 Responsive LightboxWordPress图片灯箱效果插件 Responsive Lightbox
自带media媒体库文件夹管理功能

灯箱通用配置

启用Responsive Lightbox插件后,进入其设置-general。 Default lightbox提供了 SwipeBox、prettyPhoto、 FancyBox、Nivo Lightbox、Image Lightbox TosRUs、Featherlight等灯箱演示效果, 勾选一个你喜欢的效果

祥助选择的灯箱模式是 prettyPhoto ,比较喜欢这个模式的样式展示。非图片的背景区域是淡淡的透明,看起来很美观。

勾选 Enable lightbox for WordPress image links,同时Single image title和 Single image caption分别设置为对应的属性。

(adsbygoogle = window.adsbygoogle || []).push({});

勾选 Display single post images as a gallery. 这个选项能够将每个post,即文章页面的图片形成图片库,让访客点开文章中的一个图片,进入灯箱效果后,点击切换的箭头切换到上一张或下一张图片。如果未启用这个选项,点开一张图片后点击切换的按钮,还是会停留在这张图片上。

同时勾选 Enable lightbox for WordPress image galleries.

wordpress文章图片轮播wordpress文章图片轮播
文章页图片轮播

Loading place可以选择在header还是footer,建议选择footer减少阻塞页面加载的概率。

其他的选项就根据需求选择启用还是不启用了,保存修改。

Lightbox模块设置

切换到设置-Lightboxs,再选择在General里选择启用的灯箱类型栏,将Show title, Allow resize big images , Allow expand 三个选项都打开勾选, Opacity是图片之外的背景区域,透明度调整成喜欢的比例。其他的选项根据需要开启。

WordPress图片灯箱效果插件 Responsive LightboxWordPress图片灯箱效果插件 Responsive Lightbox
灯箱设置

文章发布设置

图片上传到媒体库后,点开图片-attachment-display settings,改为media file。部分主题可能删除了媒体库的这个设置模块,那在发布文章的时候古腾堡编辑器的图片模块可以单独给图片设置链接到media媒体文章。

设置图片链接到媒体文件设置图片链接到媒体文件
设置图片链接到媒体文件
为主的祥助的知识星球为主的祥助的知识星球

版权申明:跨境E站,版权所有丨如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权

          

原创文章,作者:跨境e站,如若转载,请注明出处:https://www.davidwu.net/archives/3558

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注