转换一个页面能节省一下午的时间。构建一个由已转换、已清理区块组成的库,会改变你之后构建所有内容的速度。
保存区块,而非整页
整个页面很少能复用;区块几乎总能复用。在转换并清理完主视觉区、功能网格、定价行或客户评价区块之后,将这个单独的容器保存到模板库,并起一个描述性名称。命名时尽量描述形态而非项目名称——“三列功能网格,图标在上”比“客户 x 区块 2”更好。
两种导出路径,两种使用场景
- 复制 Elementor 数据——当你把区块添加到一个已打开的页面时,这是最快的方式。
- 下载 JSON 模板——更适合构建模板库。该文件可以导入到任何站点,可纳入版本控制,并与团队共享。
对于构建模板库的工作,JSON 路径值得多点击一次:最终得到的是可移植的文件,而不是剪贴板状态。
保存前,让区块不绑定特定站点
硬编码颜色和字体的区块,在下一次用到其他站点时会显得不合适。在保存到模板库之前,可以考虑用继承目标站颜色和继承目标站全局字体重新转换一次。这样,这些区块会采用目标站点所定义的调色板和字体——同一个区块在任何地方都显得浑然一体。
保持结构清晰
一个可复用区块应该是一个顶层容器,内部结构浅显。保存前,删除遗留的空包裹元素,并确保卡片行是直接装着小部件的网格容器或 Flexbox 容器,而不是每张卡片都套在各自多余的容器里。整洁的结构在六个月后重新调整样式时会容易得多。
对真正共享的部分使用全局小部件
对于必须在多个页面中保持完全一致的内容——如 CTA 横幅、保障条——全局小部件比模板更强大:只需编辑一次,所有实例都会更新。模板用于起点,全局小部件用于不允许出现偏差的内容。
有一点需要明确说明:全局小部件是 Elementor Pro 的功能。在免费版中,你只有已保存模板,它们是副本——将一个模板插入五个页面,就会有五个需要分别更新的独立副本。如果你使用的是免费版,且某些内容确实不允许出现偏差,请保留一个唯一的规范页面并链接到它,而不是复制它。
哪些内容能在站点之间迁移,哪些不能
JSON 模板是可移植的,但它并非完全自包含。第一次将区块导入到另一个站点时,有三件事常常让人感到意外:
- 图片以 URL 形式迁移,而不是文件。区块通过地址引用图片。如果将其导入到无法访问原始主机的站点,或者那些文件后来已被删除的站点,就会出现图片无法显示。对于你打算长期保留的模板库,请在保存前将照片替换为你自己的媒体文件或有意的占位图。
- 字体必须已经存在。模板存储的是字体家族名称。如果目标站点没有安装该字体家族,文本会静默回退。用“继承目标站全局字体”方式转换后保存的区块根本不携带字体家族,因此完全避开了这个问题。
- 全局颜色是按名称引用的。绑定到全局颜色的小部件会在目标站点上查找该全局颜色。如果它不存在,行为取决于 Elementor 版本,而且很少符合你的预期。要么让模板库中的区块使用显式颜色,要么在你要使用的所有站点之间统一全局调色板名称——后者前期工作量更大,但之后会好得多。
像代码一样命名和进行版本管理
一旦你在模板库里找不到东西,它就失去了用处。有两个习惯能起到大部分作用:
- 描述形态,而不是来源。“主视觉区、左右分栏、图片在右”能告诉你它是否适用。“acme-homepage-v2”则不能,你会打开五个模板才能找到正确的那一个。
- 在 JSON 导出的文件名中加上日期或版本。改进一个区块之后,你想找回旧版本的情况大概只会有一次——但那一次你会非常想要。
如果你把 JSON 文件和项目一起放在代码仓库中,就能免费获得差异对比和历史记录。把页面区块当作有版本记录的产物来管理并不多见,但当你第一次需要知道改了什么时,它就会显出价值。
在信任一个区块之前先测试它
这种测试成本很低,却能发现上面提到的所有问题:将区块导入到一个不是你构建它的临时站点上,最好使用不同的主题和一个空的全局调色板。图片无法显示、字体错误和全局项缺失等问题都会立即暴露出来,此时修复只需一分钟——而不是等到在客户面前、在即将交付的页面上才发现。
一个值得拥有的模板库
十到十五个命名良好、与站点无关的区块,就能覆盖营销站点的大部分需求:主视觉区、功能网格、分屏功能、步骤、客户评价、标志条、定价、常见问题、CTA 横幅、页脚。用转换得来的区块搭建一次,之后的大多数页面就只是拼装,而不是从零搭建。
你也不必从零开始。本站的模板库中有现成的区块,你可以预览、转换和调整——这是一种填补自己组合中空缺的合理方式,而不必从头设计每个区块。