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

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

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

如何安全应用新的 Elementor 模板

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

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

  • 步骤1:创建备份

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

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

如何使用 Elementor 创建、保存和导入导出模板
  • 步骤二:将网站置于维护模式

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

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

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

WP Maintenance Mode

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

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

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

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

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

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

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

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

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

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

将页面另存为元素或模板

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

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

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

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

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

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

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

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

  • 如何创建元素或模板

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

如何使用 Elementor 创建、保存和导入导出模板
  • 选择模板类型

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

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

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

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

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

  • 如何导出元素或模板

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

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

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

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

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

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

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

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

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

  • 如何导入元素或模板

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

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

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

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

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

找到“添加模板”按钮。

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

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

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

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

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

如何使用 Elementor 创建、保存和导入导出模板
  • 将单页保存为模板

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

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

如何使用 Elementor 创建、保存和导入导出模板
  • 在库中查找任何模板。

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

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

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

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

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

  • 导出整个Elementor网站

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

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

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

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

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

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

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

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

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

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

  • 导入你的网站

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

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

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

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

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

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

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

  • 单击高级视图选项。

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

如何使用 Elementor 创建、保存和导入导出模板
  • 下载Elementor的最新版本

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

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

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

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

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

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

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

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

总结:

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


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/10422/

(0)
上一篇 2024年 5月 26日 下午1:16
下一篇 2024年 5月 27日 上午9:40

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信