Elementor模板导入导出教程:轻松保存分享网站设计

Elementor工具让设计精美的页面、文章和整个网站变得轻而易举。然而,即便拥有强大的页面构建器如Elementor,创建全新的网站设计仍需投入大量时间和精力。这时,Elementor的导入和导出系统便能大显身手。通过创建可复用的项目模板或导入第三方布局,您可以显著缩短设计和开发周期。本文将深入解析Elementor灵活而强大的导入/导出系统,涵盖从部分模板到页面模板的各类应用,甚至教您如何导出整个Elementor网站。

Elementor模板导入导出教程:轻松保存分享网站设计

### 如何为新的Elementor模板准备网站

Elementor模板导入导出教程:轻松保存分享网站设计

Elementor模板是针对单个页面或特定用户界面元素的预设布局。虽然它们与WordPress主题相似,但存在本质区别。WordPress主题会改变整个网站的设计,而Elementor模板仅影响单个页面的布局。由于仅限于单页使用,您可同时应用多个Elementor模板。这些模板在各类WordPress主题上均可运行,无论是免费版还是高级版。将新的Elementor模板应用于网站可改变其外观或功能,因此建议在应用前做好以下准备:

Elementor模板导入导出教程:轻松保存分享网站设计

#### 第1步:创建备份

Elementor模板导入导出教程:轻松保存分享网站设计

在更改Elementor模板前,创建备份是明智之举。此举可在遇到新设计问题时帮助您恢复内容。多种插件可实现网站备份功能,如UpdraftPlus插件可将所有文件和数据库信息复制至云端。对于宝塔面板用户,单独备份网站文件或数据库极为便捷,甚至可设置自动备份计划任务。

Elementor模板导入导出教程:轻松保存分享网站设计

#### 第2步:将站点置于维护模式

Elementor模板导入导出教程:轻松保存分享网站设计

更改网站模板可能导致意外崩溃、错误或其他异常行为。应用新设计后,您可能需要时间测试网站并进行调整。若在此期间有访客访问网站,他们的体验质量可能受到影响,甚至导致潜在转化流失。因此,在应用新Elementor模板前,建议将网站置于维护模式。此操作可阻止访客在您测试新设计时访问网站。WP Maintenance Mode插件是创建自定义维护模式的理想选择,它还提供倒计时等附加功能,帮助您围绕网站重新设计制造悬念。

Elementor模板导入导出教程:轻松保存分享网站设计

一旦网站进入维护模式,您便可自由尝试不同模板并测试其在网站前端的显示效果。满意后,即可退出维护模式,让访客惊叹于您的网站重新设计。

Elementor模板导入导出教程:轻松保存分享网站设计

### 如何保存Elementor模板

Elementor模板导入导出教程:轻松保存分享网站设计

尽管Elementor提供众多现成第三方模板,但有时您可能需要创建自己的模板。使用模板有助于实现网站设计的一致性,尤其适用于在多个站点上重复使用相同设计的设计和开发机构。

Elementor模板导入导出教程:轻松保存分享网站设计

#### 方法1:将页面另存为Elementor模板

Elementor模板导入导出教程:轻松保存分享网站设计

您可将任何页面保存为Elementor模板,这有助于建立标准化的外观和感觉。例如,您可以创建包含站点菜单、页眉和WordPress页脚的页面模板,然后将其应用于所有网页。创建模板意味着您无需为每个页面手动重建相同元素,从而大幅提升生产力。

Elementor模板导入导出教程:轻松保存分享网站设计

要保存当前页面为Elementor模板,请点击Elementor侧边栏底部的绿色Update/Publish按钮,然后选择其附带的箭头图标,点击Save as Template。在弹出的窗口中,为模板指定描述性名称,点击Save即可。此后,您可通过Elementor库的“My Templates”选项卡随时访问此设计。

Elementor模板导入导出教程:轻松保存分享网站设计

#### 方法2:将部分另存为Elementor模板

Elementor模板导入导出教程:轻松保存分享网站设计

许多网站存在重复出现的元素,如潜在客户生成表格或畅销产品描述。通过创建部分模板,您只需单击几下即可将其添加到任何页面,甚至可为不同内容类别创建部分模板。例如,您可以构建一个号召性用语(CTA)模板,每次需要CTA时,只需导入此模板并调整其信息即可。

Elementor模板导入导出教程:轻松保存分享网站设计

要创建模板,请按住Control键单击相关部分,选择Save As Template。在弹出的窗口中,为模板命名并点击Save。要应用此模板,只需打开Elementor模板库,在“My Templates”选项卡中找到待用设计。

Elementor模板导入导出教程:轻松保存分享网站设计

### 如何创建Elementor模板

Elementor模板导入导出教程:轻松保存分享网站设计

虽然您可将正在进行的页面或部分保存为Elementor模板,但有时您可能希望明确创建模板以供重复使用。此时,您可从空白页面开始设计,或选择库中的模板作为基础。

Elementor模板导入导出教程:轻松保存分享网站设计

要创建页面或部分模板,请导航至Templates > Saved Templates,点击Add New。在弹出的窗口中,选择模板类型(页面、部分或其他选项),为设计命名,点击Create Template。随后,您可使用标准Elementor编辑器构建模板。完成后,点击Publish,在Publish Settings框中设置使用此模板的条件,例如仅适用于单页。

Elementor模板导入导出教程:轻松保存分享网站设计

### 如何导出Elementor模板

Elementor模板导入导出教程:轻松保存分享网站设计

您可通过WordPress仪表盘导出Elementor模板,方便与同事共享设计或发送给客户审批,也可用于创建Elementor设计的备份。导出模板是跨多个域名使用设计的一种便捷方法,尤其适合管理众多网站的WordPress设计和开发机构。

Elementor模板导入导出教程:轻松保存分享网站设计

要导出模板,请导航至WordPress仪表盘的Templates > Saved Templates。在此选项卡中,找到您要导出的模板,将鼠标悬停在其上,点击Export。Elementor将此模板下载为JSON文件。您也可直接从Elementor库的“My Templates”选项卡中导出模板,方法类似。

Elementor模板导入导出教程:轻松保存分享网站设计

### 如何导入Elementor模板

Elementor模板导入导出教程:轻松保存分享网站设计

有时,您可能需要导入模板,如从其他网站导出的设计或第三方购买的设计。若您拥有JSON或ZIP格式的模板,可将其上传至Elementor库。

Elementor模板导入导出教程:轻松保存分享网站设计

首先,导航至Templates > Saved Templates,点击顶部的Import Templates。选择您的Elementor模板文件,点击Import Now。该模板将出现在您的库中。要应用此设计,请使用Elementor编辑器打开相关页面或文章,点击Add Template图标,在“My Templates”选项卡中选择导入的模板,点击Preview预览效果,满意后点击Insert即可。

Elementor模板导入导出教程:轻松保存分享网站设计

### 如何导出和导入单个Elementor页面

Elementor模板导入导出教程:轻松保存分享网站设计

您可能希望跨多个站点重复使用同一页面,如标准的关于我们页面。通过保存为Elementor模板并导出,然后导入至其他安装了Elementor的网站,可避免手动重建页面。

Elementor模板导入导出教程:轻松保存分享网站设计

要保存单个页面为模板,请点击Elementor的Publish/Update按钮旁的箭头图标,选择Save as Template。为模板命名并点击Save。随后,在WordPress模板库中找到该模板,点击三点图标,选择Export。导入时,请切换至新站点,导航至Templates > Saved Templates,点击顶部的Import Templates,选择您的单页设计即可。

Elementor模板导入导出教程:轻松保存分享网站设计

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

Elementor模板导入导出教程:轻松保存分享网站设计

您可能希望导出整个网站,如创建包含所有标准网站页面的模板工具包,包括联系页面和主页,用于构建基本网站。

Elementor模板导入导出教程:轻松保存分享网站设计

#### 第1步:启用Elementor导出工具包

Elementor的导出工具包功能可导出完整站点及其内容和设置。若您正在创建相关网站并希望保持相同品牌,此功能尤为有用。例如,可制作微型网站宣传即将推出的产品。

要启用此功能,请导航至Elementor > Settings,点击Experiments选项卡,滚动至Import Export Template Kit部分,打开下拉菜单选择Active,然后点击Save Changes。

#### 第2步:导出整个Elementor网站

在WordPress仪表盘中,导航至Elementor > Tools,点击Import/Export Kit,点击Start Export。在弹出的窗口中,选择要包含在下载中的内容和数据,如仅导出模板或所有内容(页面、文章和自定义文章类型)。展开Kit Information部分,为文件命名,点击Export。Elementor将创建您的套件并显示文件内容摘要,自动下载至您的计算机。

#### 第3步:导入您的网站

备份目标网站后,在目标网站上启用Elementor Experiments。导航至Elementor > Settings > Experiments,选择Import Export Template Kit并激活此功能。随后,导航至Templates > Kit Library,点击Start Import,选择您下载的文件。Elementor将导入您的站点工具包,并提示您选择要替换或保留的模板。

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

导入模板时,若出现“无效文件”错误,通常意味着您尝试导入的是使用早期版本Elementor创建的模板。要解决此问题,需暂时切换至Elementor的早期版本。

建议在操作前创建完整备份,并考虑将站点置于维护模式。导航至Elementor插件列表,选择Advanced View,在页面底部使用下拉菜单选择Elementor的早期版本(建议下载最新版本1.9.8)。下载后,您可选择停用并删除当前Elementor版本,上传并激活新版本,或使用Easy Theme and Plugin Upgrades插件上传旧版本而无需停用最新版本。导入模板后,恢复最新版本的Elementor即可。

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

Elementor的导入/导出系统功能强大,但您可能希望扩展其内置功能。以下三个Elementor导入模板插件可增强导入/导出过程:

#### 1. Happy Addons Pro

Happy Addons Pro通过添加20多个新功能扩展了标准Elementor体验,包括集成到导入/导出工作流程中的功能。其跨域复制粘贴功能使您能轻松复制一个站点的内容并粘贴到不同域中。此外,Happy Addons Pro还提供定制导入功能,支持按部分名称搜索或按页面部分类别过滤。主要特征包括70多个登录页面模板、Happy Clone功能、从演示内容中复制部分模板等。年度许可证起价为33美元。

#### 2. Mighty Addons for Elementor

Mighty Addons for Elementor提供一系列预设模板工具包,导入后即可访问设计各种网站所需的所有页面。该插件为多个行业提供模板工具包,如动物福利、健身、咨询等。其跨域复制粘贴功能使您能在多个Elementor支持的网站间使用任何部分、行、列甚至整个页面的内容。主要特征包括轻松复制图像和视频、即用型部分模板、与Pixabay股票摄影服务集成等。Elementor插件核心版免费,专业版许可证起价为29美元。

#### 3. Envato Elements

Envato Elements插件让您在不离开WordPress的情况下浏览数千个页面模板。找到完美模板后,可轻松导入至您的网站。该插件提供广泛的模板工具包,帮助您快速设计专业外观的网站,并轻松访问超过一百万张免版税图像。主要特征包括多用途模板、灵活可定制的内容、一键导入、与Elementor UI无缝集成等。插件免费下载,但需订阅Envato Elements(每月16.50美元)才能访问和使用模板内容。

### 小结

设计令人惊叹的网站并非易事,但借助Elementor的导入和导出模板功能,您无需从零开始每个项目。利用现成模板可快速完成早期Web开发阶段,您还可创建部分和页面模板以供未来重复使用。若您对某个网站特别自豪,Elementor甚至可导出整个网站。可能性是无限的!

文章网址:https://www.wpbull.com/jiqiao/12678.html