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