如何导入和插入元素模板(3 种方式)

如何导入 Elementor 模板:主插件模板库、Elementor 编辑器按钮和 JSON 模板文件

Elementor模板,您可以通过三种方式导入或插入:从Master Addons库中提取一个现成的页面,将模板插入您已经在编辑的页面中,或者上传JSON文件,插入永远不会擦除您的页面,Elementor将模板添加为底部的新部分,并将您现有的内容留在原处。

下面的屏幕截图来自 Elementor 4.2 和 Master Addons,除非步骤另有说明,否则都是免费的。如果您还需要一些东西来导入 主插件模板库 500多个页面模板,其中100个是免费的。

您需要哪种方法?

你拥有什么方法它从哪里开始
还没有什么,你想要一个完成的页面1。从主插件库导入页数 → MA 导入
Elementor 中打开的页面,需要一个部分或布局2、从编辑器内部插入画布上的文件夹或主插件图标
。json 模板文件(或多个。zip)3、导入JSON文件模板 → 保存的模板,或编辑器中的上传图标
来自 Envato 或 ThemeForest 的整个模板套件 ZIP将其作为套件导入的 模板套件导入指南

在开始之前

您需要免费的 Elementor 插件和免费的 主插件 plugin,都处于活动状态,在库中标记为free的模板无许可证导入,标记为pro的需要master Addons Pro,下面的步骤都不需要Elementor Pro。

Live站点上,请记住方法1马上发布新页面,如果访问者还看不到,请切换为草稿。

方法 1:从 Master Addons 库导入现成的页面

面(例如首页、联系页面或定价页面)时使用此功能,而无需先构建。没有文件可下载。

1步:打开导入页面

到仪表板中的页面,在添加页面旁边有一个MA导入按钮,点击它,选择导入页面,另一个选项模板套件,打开套件库,用于导入整个站点。

WordPress 页面屏幕上的 MA 导入按钮,带有模板套件和导入页面选项

2步:找到一个模板

Pages标签页上打开库,在撰写时列出了211个完整页面,旁边的标签页上有423个部分,使用左侧的Free和Pro过滤器缩小列表,点击任意卡片上的heart即可添加到收藏夹。

主插件导入页面库列出了带有免费和专业过滤器的 Elementor 页面模板

3步:预览它并插入页面

单击卡片上的"视图"和"插入"。预览版有桌面、平板电脑和移动视图,左侧有一个"页面标题"字段。键入页面在您的网站上应有的标题,然后单击"插入页面"。

Elementor 页面模板预览, 带有页面标题字段和在主插件中插入页面按钮

第 4 步:在 Elementor 中打开它

导入器创建页面,引入内容和图像,并显示确认。单击"Elementor 编辑"开始交换演示文本和照片,或"查看页面"首先查看。

确认 Elementor 页面模板已导入,并使用 Elementor 和 View Page 按钮进行编辑

导入后会发生什么:

  • 该页面立即发布,因此如果网站处于实时状态,请将其设置为草稿。
  • 副本也会进入模板 → 保存的模板,因此您可以在另一个页面上重复使用该设计。
  • Pages 屏幕会得到一个 MA 导入过滤器,它会列出您以这种方式带来的每个页面。
  • 2次导入同一模板,在第二份的标题上增加一个“2”。

您可以从仪表板中的主插件 → 模板库浏览相同的库。该屏幕为标头和页脚添加单独的选项卡,并且每张卡都有自己的预览和导入按钮。

WordPress 仪表板中的主插件模板库,其中包含页面、部分、页脚和标头选项卡

2 方法:在您已经编辑的页面中插入 Elementor 模板

Elementor 编辑打开页面, 滚动到画布底部的空掉落区域, 它有四个圆形按钮。

Elementor 编辑器删除区域,其中包含添加容器、Elementor 库、AI 和主插件模板按钮

文件夹图标打开 Elementor 自己的库,您保存或导入生命的每个模板。主插件图标无需离开编辑器即可打开主插件模板库。

从主插件库插入

击主插件图标,库中包含了准备页面、页眉、页脚和部分的选项卡,以及一个类别过滤器和搜索框。

主插件模板库在 Elementor 编辑器内打开,显示准备好的页面

单击设计以预览它,然后单击右上角的插入。

使用"插入"按钮在 Elementor 编辑器中预览主插件模板

"模板"在您当前内容下作为新部分落地, 要将其移至更高位置, 请将其拖动或在"结构"面板中重新排序。

插入您保存的模板之一

击文件夹图标,打开模板选项卡,它会列出您网站上的每个模板及其类型(页面、部分或容器)和创建日期,悬停在您想要的模板上,然后单击插入。

Elementor 库模板选项卡列出保存的模板,其中包含预览和插入操作

同样的列表是您如何重复使用自己的工作:将一个部分保存为一页上的模板,然后将其插入下一页。

方法 3:导入 Elementor 模板 JSON 文件

Elementor模板作为。json文件共享,因此您从另一个站点购买或导出的模板通常会采用这种格式。Elementor接受单个。json文件或一个。zip,其中包含几个。

从编辑器内部导入

Elementor 中打开页面,单击文件夹图标,然后单击库右上角的上传图标(圆圈中的箭头)。将文件拖入框中或单击选择文件。

Elementor 将模板导入到您的库屏幕以上传 JSON 或 zip 模板文件

上传完成后,模板将显示在"模板"选项卡中,并且您可以像任何保存的模板一样插入它。

从仪表板导入

要在不打开页面的情况下导入,请转到模板 → 已保存的模板,然后单击顶部的导入模板。选择文件并单击立即导入。模板加入列表。

元素保存模板屏幕带有导入模板,选择文件并立即导入

将模板导出为 JSON

要将模板复制到另一个站点,请转到模板 → 已保存的模板,悬停在其行上并单击导出。链接携带模板类型,例如导出容器或导出部分。您的浏览器下载一个。json 文件,您可以在另一个站点导入该文件,上面有任一选项。

Elementor 保存的模板行上的导出容器链接,用于下载 JSON 文件

导入整个模板套件?

模板套件是一个 ZIP,站点的每个页面都加上一个标头、一个页脚和全局样式,模板导入器无法处理。对于 Master Addons 套件,请使用 Pages → MA Import → 模板套件。对于来自 Envato Elements 或 ThemeForest 的套件,请按照以下操作 Envato Elements 模板套件指南。现成的套件上 Elementor 模板套件 页。

当导入的模板看起来不合适时

字体或颜色与预览不匹配

Elementor的默认字体和颜色压倒模板,开启禁用默认颜色和禁用默认字体; 本指南显示了两种设置的位置.

您的主题的标题、页脚或侧边栏环绕页面

Elementor 中打开页面设置,并将布局设置为独立页面的 Elementor 画布,如果您想保留站点标头和页脚,则设置为 Elementor 全宽。

模板的部分内容缺失

该模板使用来自您网站上未激活的插件的小部件,通常是 Master Addons 或 Elementor Pro。激活该插件并重新加载编辑器。 主插件小部件列表 每个小部件都有其名称,因此您可以检查模板需要哪个小部件。

上传失败

确保文件是模板。json 或模板的。zip。完整的模板套件 ZIP 不会以这种方式导入。非常大的文件也可以超出主机的上传大小限制,并且主机可以提高它。

常见问题

插入模板是否会取代我现有的内容?

No。Elementor在页面底部将模板添加为新部分,并保留已经存在的所有内容如果您希望模板接管页面,请在之后移动或删除部分。

我需要 Elementor Pro 来导入模板吗?

号导入一个JSON文件,插入保存的模板和使用主插件库都与免费的Elementor一起工作,在主插件库中标记为PRO的模板需要一个主插件Pro许可证。

导入的 Elementor 模板去哪里?

导入和保存的模板出现在模板 → 保存的模板下,显示在仪表板中和编辑器库的模板选项卡中。使用 MA 导入导入的页面也显示在页面下。

我可以将 Elementor 模板导入到现有页面中吗?

是在 Elementor 中打开页面,点击画布底部的文件夹或主插件图标,插入模板,它是在您当前内容的下方添加的。

Elementor 可以导入哪些文件类型?

模板导入器采用单个。json 文件或包含多个。json 模板的。zip。完整模板套件需要套件导入器。

下一步

在 中选择页面类型 Elementor 页面模板库 并使用方法 1 导入。对于单块而不是整页, 免费元素部分模板 並 英雄部分模板 是很好的起点。176 Pro 模板附带了计划 定价页面并且如果这里的东西不适合您, 联系我们.

罗伊·杰米的照片
罗伊·杰米
I’m Roy Jemee,Pixar Labs 的内容牧马人和营销人员,为 Elementor 编写主插件,我编写教程,录制视频,并保持文档的最新状态,所以你总是知道如何使用每个功能,我还处理支持,所以如果你遇到障碍,我就是帮助你修复它的人真正的答案,来自每天使用这些工具的人。