如何将 Elementor 页面保存为模板(并将其导出为 JSON)

1次你有个你满意的页面,你就不该建2次了,Elementor让你把任何一个页面都保存为模板,然后插入到另一个页面,另一个站点或者交给客户端,保存的模板一样可以导出为a .json file,这是大多数elementor设计在站点之间旅行的方式,如果你宁愿完全跳过建筑部分,the 主插件模板库 您只需点击几下即可导入 211 个现成的页面模板。

本指南涵盖了整个循环:将页面保存为模板、保存单个部分、找到您保存的模板、将一个模板导出为 JSON 并将其带入第二个站点。每个屏幕截图均来自 Elementor 4.2,免费 主插件 插件活动。如果您要朝另一个方向前进,需要带模板进去, Elementor 模板导入指南 步行穿过所有三条进口路线。

的短版本

要将 Elementor 页面保存为模板,请打开 Elementor 中的页面,单击"发布"旁边的箭头,选择 另存为模板、给它起个名字后点击保存,要导出它,打开库(文件夹图标),在模板选项卡上找到模板,打开三点菜单后点击 出口。你的浏览器下载a .json 您可以在运行 Elementor 的任何其他 WordPress 网站上导入文件。

您需要哪种方法?

在开始之前

Elementor插件免费,保存、导出和导入模板都是其中的一部分,所以下面的步骤都不需要Elementor Pro,保存对话框中的两个选项确实需要付费计划,我已经将它们标记在它们出现的地方。

Name模板的方式,你将命名一个文件,你必须在六个月内找到。“香水登陆页”击败“页面副本2”一旦列表运行到四十行。

Elementor 页面如何保存为模板

打开您要重用的页面 使用元素器编辑.在顶部栏中,发布(或更新)按钮旁边,有一个小箭头,单击它。

菜单有三项。选择 另存为模板.

命名模板并选择模板的去向

Elementor 打开一个名为 “保存此页面到你的图书馆” 的对话框,其中包含一个名称字段和两个目的地。

Site Templates 将模板存储在本站的数据库中,默认是勾选的,它是免费的,也是设计只需要存在于这里时你想要的,Cloud Templates 将模板存储在你的 Elementor 帐户中,所以它在你连接的每个站点上都需要一个付费计划,这就是为什么对话框在它旁边放了一个 Connect 链接。

输入名称,勾选网站模板并单击 保存。Elementor 保存布局, 并将您放入模板选项卡上的库中, 列表中包含您的新模板。

Page 本身未被触及,原件保持按原样发布,模板是在模板下单独归档的副本,保存的模板。

保存一个部分而不是整个页面

常值得保留的那件比一页小,一个定价块或一个见证行本身就值得保存,所以以后可以把它丢到任何一页。

右键单击画布上的部分、容器或小部件并进行选择 保存为模板.

出现相同的对话框,这次说 “将此部分保存到您的库”。保存的模板记录了自己的类型,因此列表中每个名称旁边都显示了页面、部分或容器。该类型稍后很重要:Elementor 在您的页面内插入一个部分模板,而一个页面模板则随之带来整个布局。

这就是你最终得到自己的零件库的方式。第一次构建块时保存一个块,下一页开始得更远。对于领先优势, 免费元素部分模板 包装和 英雄部分模板 都是为了以这种方式保存和重复使用而构建的。

您保存的模板所在的位置

两个地方,显示相同的列表。

编辑器内部

Elementor中打开任意页面,点击画布底部空空落区中的文件夹图标,然后打开模板选项卡,你保存或导入的每个模板都在这里,有它的类型、作者、创建日期、预览和插入按钮。

单击 插入 模板会添加到您正在编辑的页面中。它以新部分的形式降落在已经存在的任何内容下方,因此没有任何内容会被擦除。

在 WordPress 仪表板中

到模板,已保存的模板。WordPress列表视图中的相同模板,顶部有选项卡,用于页面,部分,容器和其他。

Hover 行, 出现操作: 编辑、快速编辑、垃圾、查看和一个导出链接, 导出链接用模板的类型标记, 因此您将在页面模板上看到导出页面, 在部分上看到导出部分。

如何将 Elementor 模板导出为 JSON 文件

您可以从任一位置导出,并且文件是相同的。

来自编辑

打开库,转到"模板"选项卡,找到模板并单击其行末尾的三个点。菜单有导出、重命名和删除。

从仪表板

在"模板、"已保存模板中,将行悬停并单击 导出页面 (或出口科)。

。json 文件内部是什么

I从上面的截图导出七段页面, 打开文件, 是JSON的113 KB, 五个顶级键:

{
  "content": [ ... 7 sections ... ],
  "page_settings": [],
  "version": "0.4",
  "title": "Perfume Landing Page",
  "type": "page"
}

content 保存结构:每个部分、列、小部件和设置,都按照页面上的方式嵌套。 type 告诉进口商这是页面、部分还是容器。

That file 还包含 12 个图像 URL,没有嵌入图像数据,您的照片不在 JSON 内部,它们由您导出的站点上的地址引用,并且在导入 Elementor 时从该地址获取每个地址并将其复制到新站点的媒体库中。源站点必须仍然在线,并且其图像仍然可以公开访问,或者模板到达时带有空图像槽。

在其他站点导入 JSON

在接收站点上,转到模板、保存的模板并单击 导入模板。元素人接受单个 .json 文件或一个 .zip 包含几个。

选择文件,单击"立即导入",模板加入列表,从那里您可以像任何其他保存的模板一样将其插入到页面中,您还可以使用库顶部的上传图标从编辑器内部导入。 完整的导入指南 涵盖路线及其随之而来的错误。

保存页面与导出整个网站

保存的模板携带一种布局。它不会带来您的全局颜色、字体、标头、页脚或站点设置,这就是为什么导入的页面可以近距离查看而不看起来相同。

当您想要所有这些时,请使用网站模板。转到 Elementor、工具、网站模板。

导出此网站下载 a .zip it里有你的模板,内容和设计设置,应用一个网站模板,拿回一个,这和现成的背后机制是一样的 Elementor 模板套件。克隆整个构建时使用它。对于单个页面,JSON 导出更轻。

当导入的模板看起来不正确时

图像丢失或损坏

Source站点离线,图片被删除,或者站点在登录或防火墙后面,Elementor在导入时无法获取,把原站点备份重新导入,或者在新站点上手上传图片。

字体和颜色不匹配

Your theme的默认值凌驾于模板之上,在Elementor的设置中打开禁用默认颜色和禁用默认字体; 本文档显示了两个开关的位置.

部分布局缺失

该模板使用来自新站点上未激活的插件的小部件,激活同一插件并重新加载编辑器。 主插件小部件列表 是按名称检查设计需要哪个小部件的快速方法。

上传被拒绝

模板导入取 a .json 文件或一个 .zip 的模板。一个网站模板 .zip 是不同的格式,不会通过这个屏幕;使用工具,网站模板对于那些。大文件也可以达到主机的上传限制,你的主机可以提高。

您的主题标题和页脚环绕页面

Elementor中打开页面设置,然后将页面布局切换到独立页面的Elementor画布,或者Elementor全宽,如果你想保留站点头和页脚,如果你宁愿自己设计那些部分, 免费 Elementor 主题构建器 处理标头、页脚和档案。

更快的路线:从已经构建的模板开始

一旦你有了值得保留的设计,保存自己的模板就会得到回报。在此之前,导入成品会更快。

Master Addons 在插件内部运送了一个包含 211 个页面模板、423 个部分、43 个标头和 34 个页脚的库,因此您只需单击一下即可导入,而不是寻找 JSON 文件。页面模板中有 35 个是免费的;其余的都附带 硕士插件专业版。导入一个,编辑一下,然后使用上面的步骤将你编辑的版本保存为模板,你就有了下一个项目的自己的起点,完整的目录在 元素页模板 页。

常见问题

下一步

将您已经喜欢的一页保存为模板,导出它,并将 JSON 与您的项目文件一起保留。大约需要两分钟,然后设计在主题更改或移动到新主机中幸存下来。当您需要新页面而不是旧页面的副本时,请浏览 Elementor 页面模板库的,或者读 如何导入 Elementor 模板 为三种方式带进来。

相关阅读: 免费元素部分模板, 如何导入 Envato Elements 模板套件、和 elementor 如何构建一页网站.