你还在用“媒体库”一张一张上传图片，然后在文章里手工排版？别逗了，2025年了，你的客户点开你的网站，看到一堆图片挤在一起，加载慢得跟蜗牛爬一样，人家直接关掉去下一家了，今天我就手把手教你用WordPress相册插件，把图片展示做出影楼级效果，而且全程无脑操作,连你那个只会复制粘贴的表弟都能学会。
这篇教程写给谁看？
- 刚买完主题、连插件都没装过的纯新手
- 被“古腾堡编辑器”逼疯、只想快速出效果的博主
- 用着免费主题、想给摄影作品或者商品图做个漂亮展示的小老板
- 甚至是你妈——只要她认识“安装”两个字，就能跟着走完
注意：我不讲那些花里胡哨的付费高级插件，也不讲需要写代码的骚操作，就讲一个免费、轻量、兼容性最强的方案：Modula相册插件（或者其他类似免费插件如Envira Gallery Lite、NextGEN Gallery？我选Modula，因为它新用户界面最友好，且不拖慢速度），跟着我走,出错了骂我。
第一步：安装插件（别给我搜错了）
进入你的WordPress后台 → 插件 → 安装插件 → 在搜索框输入 “Modula”，看到那个图标是个相机、名字就叫“Modula – Image Gallery”的插件（作者是MachoThemes），点击“现在安装”，启用”。
别再用手动传图了！WordPress相册插件保姆级搭建教程，5分钟搞定炫酷作品集
行了，插件装好了，别急着点进去。 很多人装完就跑去点“设置”，然后一脸懵逼,先听我安排。
第二步：创建你的第一个图库（核心步骤）
-
在后台左侧菜单找到 “Modula”，点击它 → 再点击 “添加图库”，你会看到一个和古腾堡编辑器长得差不多的页面，但中间有个大大的“上传/选择图片”按钮。
-
点击那个按钮，你可以从媒体库选已有图片，也可以直接拖拽新图片进去。别贪多，第一次先选3~5张高清图测试,不然等会卡死别怪我。
-
图片上传后，你可以拖拽调整顺序，每个图片右上角有个小铅笔图标，点进去可以改图片标题、描述、ALT标签（对SEO有好处）。强烈建议你把描述写一句,鼠标悬停时就能显示。
-
完成之后，点击右上角的 “发布”，这时候你已经有了一个图库,但还没放到页面上。
第三步：把图库放到页面或文章里（关键）
回到你创建图库的那个页面——发布之后，页面下方会出现一个 “短代码” 框，里面有一串像 [modula id="123"] 的代码,复制它。
现在去新建一个页面（或者文章），在编辑器中粘贴这个短代码，如果你用的是古腾堡块编辑器，就添加一个“短代码”块，把代码贴进去，如果你用的是经典编辑器,直接粘贴即可。
预览一下——恭喜你，你的图片已经以网格形式漂亮地排列出来了，但别高兴太早，默认设置丑得一批,我们接下来调。
配置要点（调出高级感）
回到Modula插件的主界面，点击你要修改的图库，进入编辑，注意左侧栏有个 “设置” 标签（或者叫“图库设置”），这里每个选项都别乱动,我只告诉你几个必须改的：
布局类型
默认是“网格”，适合大部分情况，如果你想展示摄影作品，可以把类型改成 “创意网格”（Free版就有），图片会自动错落排列，像Pinterest一样有艺术感，别选“拼贴”,那个会把图片裁得面目全非。
列数
根据你的页面宽度来，一般博客正文区域宽度在800px左右，选 3列 最舒服；如果全宽页面可以选4列，别选5列以上,手机上看图片小到看不清。
图片间距
默认是10px，改成 20px 以上，图片之间透气感立刻出来,高级感翻倍。
鼠标悬停效果
这是加分项，在“悬停效果”里选 “淡入描述” 或者 “放大”，但不要选“黑色遮罩+文字”，显得廉价，我通常选“放大+轻微阴影”,简单大气。
加载速度优化
在“图库设置”最下面，有个 “加载方式”，默认是“一次性加载”，如果你的图片超过20张，改成 “延迟加载（Lazy Load）”，否则页面慢死，勾选“为图片添加响应式尺寸”，可以让不同屏幕加载不同分辨率的图片,眼睛看瞎了都值。
常见踩坑提醒（我替你摔过了）
-
坑1：图片变形/截断
你去检查一下“图库设置 → 图片尺寸 → 裁剪模式”，如果你上传的图片尺寸不统一，一定要选 “按比例缩放” 而不是“严格裁剪”，不然横图竖图混在一起,竖图会被削掉脑袋。 -
坑2：插件拖慢网站速度
Modula本身很轻，但如果你用大量原图（5000px宽），神仙都救不了。上传图片前务必压缩到宽度不超过1920px，推荐用TinyPNG或者Imagify，关闭Modula里多余的“效果动画”，旋转”“缩放”这些华而不实的东西,都是性能杀手。 -
坑3：短代码不生效/显示空白
99%的原因是主题的CSS冲突，你先切换到WordPress默认主题（比如Twenty Twenty-Five）测试一下，如果正常，那就是你当前主题的问题，解决方法：在Modula设置里，找到“高级 → 启用CSS优化”，或者手动在主题的额外CSS里加上#modula-gallery img { max-width: 100%; }。 -
坑4：手机端显示一列图片
这是正常的，但太难看，在Modula图库编辑界面，找到“响应式”设置，把电脑端列数设为3，平板端设为2，手机端设为2（不要设成1，否则滑起来像在看PPT），如果图片本身很小,手机端可以设2列。 -
坑5：点击图片不弹窗放大
默认Modula自带Lightbox（灯箱）效果，但需要你在图库编辑的“灯箱”设置里确认“启用灯箱”是打开状态，如果你装了其他Lightbox插件（比如Simple Lightbox），可能会冲突,关掉一个即可。
最后一句真心话
别再手动一张张贴图了，那是2020年的做法，这个Modula插件免费版够你用三年，除非你要做视频相册或者水印等高级功能才需要付费，跟着上面的步骤,20分钟之内你就能拥有一个可以拿去接单的作品展示页。
如果还是搞不定，回来骂我,我评论区等着。
发表评论