WordPress 图片灯箱：3 种方法实现点击放大，不装插件也行
本站部分链接为联盟推广链接。通过这些链接购买，我可能获得佣金...
这不仅不会增加您的实际费用，通常还能让您享受到专属折扣。所有上榜推荐均基于真实项目环境下的自费实测，排名完全由客观测评数据决定。详细规则请查阅《免责声明》。
做外贸站的朋友应该都有体会：产品图放在文章里，为了排版只能缩成一半宽。买家想看清楚纹理、接口、做工，只能把图片拖到新标签页打开，看完再切回来。很多人点着点着就关掉网页了。
灯箱（Lightbox）解决的就是这个问题：点一下图片，它在当前页面上放大显示，背景变暗，看完点一下关掉，人还在原来的位置。
以前加灯箱基本都得装插件。现在 WordPress 自己就带这个功能，相册还支持左右切换。下面我按「先用原生、不够再上插件」的顺序讲三种方法，最后附上点了没反应时该怎么排查。
方法一：用 WordPress 自带的点击放大（推荐先试）
这个功能从 WordPress 6.4 开始内置，不用装任何插件。前提是你用的是区块编辑器（古腾堡）。WPBeginner 的教程里专门提醒过：装了 Classic Editor 经典编辑器插件的话，你是看不到这个选项的。
还有一点要先说明：这个选项在不同版本里的英文叫法不一样，有的叫「Enlarge on click」，有的叫「Expand on click」，指的是同一个功能。下文统一叫它「点击放大」。
单张图片怎么开？
- 在编辑器里点一下要设置的图片。
- 在图片上方的块工具栏里，点链接图标（Link）。
- 选择「点击放大」那一项。
- 更新文章，在前台点那张图试试。
相册（图库）怎么开？
相册的设置作用于里面所有图片：选中整个图库区块，在工具栏的链接选项里选「Enlarge on click」。
WordPress 官方文档（2026 年 9 月更新）对这个选项的说明是：访客可以在不离开页面的情况下用大图查看相册图片，并且能在灯箱里前后切换浏览每一张。WordPress.com 的帮助文档还补充说，访客也可以用键盘左右方向键切换。
相册的左右切换是 WordPress 7.0 加进来的，用的是更早版本的话，灯箱里只能看单张。
开启后，图库设置里还会多出一个「导航按钮样式」选项，可以选只显示图标、只显示文字，或者图标加文字一起显示。外贸站的访客来自不同国家，我一般选只显示图标，省得纠结翻译。
想让全站图片默认都能放大？
一篇篇改太累的话，可以在站点编辑器里统一开启。WordPress 官方学习课程给出的路径是：
- 进入站点编辑器（外观 → 编辑 ），打开「Styles」。
- 点眼睛图标打开 Style Book（样式手册）。
- 依次进入 Media → Image（图片区块）。
- 在设置里打开点击放大的选项，然后保存。
这样以后，全站的图片区块点击都会放大，不用一张张去设置。
这条路需要站点编辑器。用的是 Astra、Blocksy 这类经典主题、后台没有站点编辑器的话，就用上面逐张设置的方法，或者直接看方法二。
懂代码的可以直接写 theme.json。 WordPress 开发者文档里给出的写法是这样的：
json
{
"version": 2,
"settings": {
"blocks": {
"core/image": {
"lightbox": {
"enabled": true,
"allowEditing": true
}
}
}
}
}enabled设为true，就是默认开启灯箱。allowEditing默认就是true，表示编辑器里仍然保留逐张开关的选项。改成false，作者就没法给单张图关掉了。
方法二：用插件（这几种情况原生不够用）
原生灯箱已经能满足大多数站点了。但遇到下面这几种情况，我还是会装插件：
- 还在用经典编辑器写文章。
- 老文章里大量图片早就设成了「链接到媒体文件」，不想一篇篇改。
- 想要原生没有的功能，比如显示 EXIF 拍摄信息、下载按钮，或者让视频、PDF 也能用灯箱打开。
我实际用过、并核对过 WordPress.org 官方页面的有两款。
Lightbox with PhotoSwipe：轻量，适合以图片为主的站
- 版本 5.13.0，2 万+ 活跃安装，测试兼容到 WordPress 7.1.3。
- 要求 WordPress 6.5 及以上。
它会给文章里所有带链接的图片加上灯箱，同一页面的多张图可以在灯箱里连续浏览，还能显示说明文字和 EXIF 信息。
用它有一个硬性前提，插件页面原话写得很清楚：图片或相册必须直接链接到媒体文件，不能链接到附件页面。 没设链接的图片，它是不处理的。
Firelight Lightbox：功能多，适合图片之外还有视频、PDF 的站
- 版本 2.3.25，20 万+ 活跃安装，测试兼容到 WordPress 7.1.3。
它除了图片和相册，还能在灯箱里打开 YouTube、Vimeo 视频、PDF、Google 地图和弹窗。
装好后，后台左侧主菜单会多出一个「Lightbox」，所有设置都在这里。它的更新日志提到，2.1.7 版开始，没加链接的图片区块也能自动用灯箱打开。所以对老文章比较友好，不用一篇篇补链接。
外贸站做产品页的话，产品视频和 PDF 规格书都能直接在灯箱里看，访客不用跳出页面，这一点挺加分的。产品资料本身怎么上传、怎么在页面里展示，可以参考这篇 WordPress 上传 PDF 文件并显示的 3 种方法。
插件和原生只能选一个。 别在同一批图片上既开原生的点击放大，又装灯箱插件，两套脚本会抢着响应同一次点击。装插件之前，最好先在本地环境试一遍效果，用 LocalWP 在电脑上搭一个测试站 就行，不会影响正式站。
方法三：Elementor 用户，直接用它自带的灯箱
用 Elementor 做页面的话，什么都不用装。Elementor 的灯箱是默认开启的，官方帮助文档的说明是：开启后，任何链接到媒体文件的图片元素都会以灯箱方式打开。
所以在 Elementor 里，你只要把图片小部件的链接设成「媒体文件」就行了。
想调整灯箱的样子，入口在：点编辑器左上角的 Elementor 图标 → Site Settings（站点设置）→ Lightbox，改完点「Save Changes」保存。能调的东西不少：
- Image Lightbox：全局开关，想关掉灯箱就在这里关。
- Counter：在多图画廊里显示「第几张 / 共几张」。
- Fullscreen、Zoom：全屏按钮和缩放按钮。开了 Zoom，放大后还能拖动查看细节，看产品图很实用。
- Share：分享或下载图片。外贸站一般建议关掉，免得产品图被人直接下载走。
- Title / Description：在图片下方显示标题或描述，内容可以选取自标题、说明文字、替代文本等。
- 背景色、按钮颜色、图标大小等外观设置。
设置了却点不开？4 个常见原因
一、图片没加链接，或者链接到了附件页。 PhotoSwipe 和 Elementor 都认「链接到媒体文件」这一种设置。点开图片的链接设置看一眼，大部分问题出在这里。
二、两套灯箱在打架。 原生点击放大、主题自带的灯箱、插件灯箱，同时开了两个以上，常见的结果是点了没反应，或者弹出两层。只保留一个。PhotoSwipe 的插件页还特意点名：用 PublishPress Blocks 的话，要把它自带的「在灯箱中打开图库」关掉。
三、JS 合并、延迟加载类的优化插件把脚本合并坏了。 PhotoSwipe 插件页明确写了：把所有前端脚本合并成一个文件的 JavaScript 优化插件，可能让灯箱失效，需要把灯箱的脚本排除出去。用 WP Rocket 这类缓存插件的话，改完设置记得清一次缓存再测。
四、还在用经典编辑器。 原生点击放大只在区块编辑器里有。不想换编辑器，就用方法二的插件。
三种方法怎么选？
| 你的情况 | 推荐方法 | 原因 |
|---|---|---|
| 用区块编辑器，WordPress 7.0 以上 | 原生点击放大 | 不装插件，相册也能左右切换 |
| 区块主题，想全站统一开启 | 原生 + 样式手册全局开启 | 一次设置，所有图片生效 |
| 用经典编辑器，或者老文章多 | Easy FancyBox | 没加链接的图片也能自动处理 |
| 摄影、作品集，需要 EXIF 信息 | Lightbox with PhotoSwipe | 轻量，支持显示拍摄信息 |
| 页面用 Elementor 搭建 | Elementor 自带灯箱 | 默认开启，样式选项最全 |
我自己的站现在用的就是原生方案，少一个插件，少一份脚本，也少一个可能出兼容问题的地方。
图片放大以后，加载的是原始上传的那张大图。所以产品图上传之前最好压缩一下，别让访客点开以后干等。图片多、访问量大的站，主机的带宽和速度也要跟得上，选主机可以参考 WordPress 主机推荐汇总。
