如何使用 Elementor 创建、保存和导入导出模板

Elementor 工具让设计漂亮的页面、文章和整个网站变得轻而易举。

如何安全应用新的 Elementor 模板

Elementor 模板是为单个页面或特定用户界面（UI）元素预先设计的布局。虽然听起来像 WordPress 主题，但两者有本质的区别。

应用新的 Elementor 模板到你的网站可以改变其外观或功能。考虑到这一点，在更改模板之前需要执行一些准备工作。

• 步骤1:创建备份

在更改 Elementor 模板之前，需要创建备份。这样可以确保如果遇到新的设计问题时，你可以恢复到之前的状态。

各种插件可以帮助创建网站备份。例如，使用 UpdraftPlus 插件，你可以将所有文件和数据库信息复制到云端。

• 步骤二:将网站置于维护模式

更改网站模板可能会导致意外崩溃、错误或其他问题。应用新设计后，您可能需要花时间测试网站并进行调整。

在应用新的 Elementor 模板之前，需要将网站设置为维护模式。这样可以防止访问者在您测试新设计时访问网站

有几个插件可以用来创建定制的维护模式，其中 WP Maintenance Mode 是一个流行的选择。

WP Maintenance Mode

这个插件有很多额外的功能，包括在你的维护启动屏幕上添加倒计时。这个功能可以帮助你创造一个重新设计和重新启动你的网站的感觉。

一旦将网站设置为维护模式，就可以自由地尝试各种模板，并测试它们在前端的显示效果。当您对结果满意后，可以取消维护模式，让访问者看到焕然一新的设计。

• 如何保存元素或模板

使用模板可以帮助你保持整个网站的设计一致性，还能节省时间，当你在多个网站上使用相同的设计时。

例如，WordPress 设计和开发机构可以通过创建模板获益，这些模板包含他们常用的核心元素，适用于客户网站。

1:将页面另存为元素或模板。

可以将任何页面保存为 Elementor 模板，这有助于你创建标准化的外观，并为在网站上部署做好准备。
创建模板意味着无需为每个网页手动重新创建相同的元素，这将大大提高生产效率。

要将当前页面保存为 Elementor 模板，在 Elementor 侧边栏底部找到更新/发布按钮。然后，点击该按钮旁边的箭头图标：

将页面另存为元素或模板

现在可以单击另存为模板。这将启动一个窗口，可以在其中为此模板指定一个描述性名称:

命名页面模板，然后，单击保存。那么你可以通过启动Elementor库并选择“我的模板”选项卡来随时访问该设计。

2:将零件另存为元素或模板。

许多网站都有重复出现的元素，例如销售线索生成表格或描述畅销产品的文本。通过创建部分模板，您可以轻松将这些元素添加到任何页面。您甚至可以为不同内容类别创建部分模板，比如行动号召（CTA）模板。每当需要 CTA 时，只需导入该模板并调整消息即可。

要创建模板，请按住 Control 键并点击相关部分。然后选择“另存为模板”。在弹出的窗口中，为模板指定一个描述性名称并点击保存。

要应用模板，启动 Elementor 模板库，进入“我的模板”选项卡，找到保存的设计，然后将其添加到页面。

• 如何创建元素或模板

要创建页面或模板的一部分，请导航到“模板 > 保存的模板”。然后，点击“添加新项”。在接下来的窗口中，打开“选择模板类型…”下拉菜单：

• 选择模板类型

现在，可以指定要创建的模板类型。我们已经介绍了页面和一些模板，但是此窗口提供了其它选项。

选择模板类型后，给设计起一个描述性的名称，然后点击“创建模板”。将启动 Elementor 库，可以在其中使用现有模板作为基础。或者，你也可以关闭此窗口，从头开始创建模板。

使用标准的 Elementor 编辑器来构建模板。准备好保存设计时，点击“发布”。这会启动发布设置框。

在出版箱这里，可以设置使用该模板的一些规则。例如，可以单击“添加条件”并指定此布局仅应用于单页。

• 如何导出元素或模板

你可以从 WordPress 仪表板导出元素或模板。这种方法可以帮助你与同事共享设计，或将其发送给客户以获得批准。甚至可以使用导出功能来创建由 Elementor 设计的备份。

导出模板是跨多个网站使用设计的简单方法。对于管理多个网站的 WordPress 设计和开发机构来说，这非常方便。如果你想从设计中获利，导出通常是与世界分享的第一步。

在 WordPress 仪表板中导航到“模板 > 保存的模板”以导出设计。在此选项卡中，你可以看到保存到库中的所有模板。

WordPress也将这些模板分为页面和部分标签。只需找到你想要导出的模板并将鼠标悬停在它上面:

• 在页面和部分模板之间选择。

当“导出模板”链接出现时，单击它。Elementor现在下载这个模板作为JSON文件。

也可以从Elementor库中导出模板。在此库中，打开“我的模板”选项卡。找到想要导出的模板，然后点按附加在它上面的三点图标，直接从库中导出模板，然后，单击导出。Elementor现在下载这个模板作为JSON文件。

• 如何导入元素或模板

如果你有JSON或ZIP格式的模板，可以将它上传到Elementor库。首先，导航到模板>保存的模板。在该屏幕顶部，单击导入模板:

然后，选择要导入的元素或模板，并点击“立即导入”。该模板现在将出现在您的库中。

要将这个设计应用到您的网站布局中，只需使用 Elementor 或编辑器打开相关页面或文章。接着，点击文件夹图标来添加模板。

找到“添加模板”按钮。

在下一个窗口中，选择“我的模板”选项卡。在这里，可以找到Elementor导入的所有模板:

若要查看此设计应用于当前网页时的外观，单击“预览”。如果使用此模板，选择附加在它上面的插入链接。

• 如何导出和导入单个元素或页面

可以将页面保存为 Elementor 模板并导出，而不是手动重新创建页面。你可以将设计导入任何安装了 Elementor 的网站。要保存单个页面为模板，点击 Elementor 发布/更新按钮旁边的箭头图标，然后选择“另存为模板”。

• 将单页保存为模板

在弹出窗口中，提供模板名称。然后，单击保存。

WordPress模板库应该会自动打开。你可以找到刚刚创建的模板，然后单击它的三点图标。出现提示时，选择导出:

• 在库中查找任何模板。

或者，可以通过在 WordPress 仪表板中导航到“模板 > 保存的模板”来导出这个单页模板。将鼠标悬停在相关模板上，并点击“导出”。

将单页模板安全存储在本地计算机上后，可以将其导入到另一个网站。只需切换到新网站，导航到“模板 > 保存的模板”。

在屏幕顶部，点击“导入模板”。现在可以导入你的单页设计。

如何导出和导入整个Elementor网站

例如，你希望创建一个包含所有标准网站页面(如联系页面和主页)的模板工具包。然后，可以使用这个工具包来构建基本网站。

• 导出整个Elementor网站

Elementor 的导出工具包功能可以导出你的完整网站，包括内容和设置。如果你正在创建相关网站并希望保持相同的品牌风格，此功能非常有用。比如，你可以创建一个微型网站来宣传即将推出的产品。

在你的WordPress仪表盘中，导航到Elementor > 工具。单击导入/导出:

单击开始导出。出现提示时，指定下载内容和数据。例如，你可以选择仅导出模板。或者，导出所有内容，包括页面、文章和自定义文章类型:

接下来，单击以展开试剂盒信息部分，为文件指定一个描述性名称。给你的文件起一个描述性的名字，也可以输入可选的描述:

当您对自己的选择感到满意时，单击导出。Elementor现在将创建您的套件，并显示该文件中包含的所有内容的摘要:

Elementor会自动将生成的工具包下载到您的计算机上。出现提示时，单击返回仪表板。

• 导入你的网站

建议在继续之前创建完整备份。备份完成后，需要在目标网站上启用 Elementor 实验功能。导航到“Elementor > 工具 ”，然后选择并激活导入/导出模板套件功能。

接下来，点击“开始导入”。在随后的屏幕上，选择在上一步中下载的文件进行导入。

如何修复Elementor的“无效文件”错误

有时，在尝试导入模板时，可能会看到“无效文件”错误。意味着你正在尝试导入用 Elementor 早期版本创建的模板。要解决此问题，需要暂时切换到 Elementor 的早期版本。这种更改可能会导致你的网站出现问题。

当准备好继续时，转到 Elementor 插件列表，并选择“高级视图”。

• 单击高级视图选项。

在页面底部，使用下拉菜单选择Elementor的早期版本。为了获得最佳效果，建议下载Elementor 1的最新版本，即1.9.8:

• 下载Elementor的最新版本

你可以使用简单的主题和插件升级。激活此插件后，可以上传旧版本的Elementor，而无需停用和删除最新版本。

上传旧版本的Elementor后，导航到插件>已安装的插件。WordPress应该已经自动切换到较早的软件版本:

现在，应该能够毫无问题地导入模板了。导入完成后，导航回插件>已安装的插件，并恢复最新版本的Elementor。模板现在应该在库中，可以使用了。

用于导入和导出模板的Elementor插件

• Happy Addons Pro

Happy Addons Pro通过添加20多个新功能来扩展标准Elementor体验。它包括几个可以集成到你的导入和导出工作流程中的功能:

如果是使用多个站点，可能需要使用Happy Addons Pro的跨域复制粘贴功能。能够轻松地从一个网站复制内容，并粘贴到一个完全不同的领域。

总结：

本文详细介绍了如何使用 Elementor 创建、保存、导出和导入模板，包括页面和部分模板。通过这些步骤，您可以提高设计效率，保持网站的品牌一致性，并确保网站在发生问题时能够轻松恢复。无论是管理多个网站的开发机构，还是希望保持设计一致性的个人用户，这些方法都非常实用。