如何使用 Elementor 远程构建网站

在经济不确定和社会疏远的时代，企业现在比以往任何时候都更希望发展自己的在线业务。

如果您希望让您的业务上线，或者如果您是一名自由职业者，正在为想要上网的企业构建网站，Elementor 可以帮助您有效地远程构建一个经济实惠且易于维护的网站。

Elementor 是一个可视化的拖放式 WordPress 页面构建器，这意味着您可以创建美观的设计，而无需查看任何一行代码。 如果您想了解更多关于插件的一般信息，您可以浏览 WPExplorer 的完整 Elementor 评论。

在这篇文章中，我将更多地解释为什么 Elementor 是远程构建站点的最佳工具。 然后，我将带您了解如何使用 Elementor 设计网站的高级步骤。

如果您想了解有关如何使用 Elementor 远程构建站点的更多详细信息， HubSpot 学院和 Elementor 合作提供免费的在线课程，涵盖从设置主机到构建和启动 WordPress 网站的所有内容。

为什么使用 Elementor 远程构建站点

使用 Elementor 构建网站可以：

• 节省您的时间并帮助您更快地设计和迭代您的网站。
• 在更新和测试方面，降低网站的复杂性、消除错误并创建更轻松的维护过程。
• 为您节省资金并简化成本，以便您更好地确定项目的价格。

让我们更详细地了解这些好处。

节省时间并避免代码

无论您是设计师、开发人员还是普通的 WordPress 用户，Elementor 都可以通过其可视化的拖放界面加快您的工作流程。

您可以通过添加内容小部件来快速启动新设计。 您还将获得大量设计和布局选项，以创建像素完美的样式和布局。

在整个体验过程中，您永远不必直接与代码交互……除非您愿意。 如果您确实想要更多控制，您可以在需要时轻松使用自己的自定义 CSS。

最后，如果您真的想节省一些时间，Elementor 附带了数百个可以导入的预构建模板。 您需要做的就是导入您喜欢的模板，编辑内容以匹配您的品牌，您就完成了

这些好处还可以在您需要迭代时节省您的时间。 例如，如果客户请求更改，您可以快速切换，而不会陷入代码中。

降低复杂性并消除错误

对于典型的 WordPress 网站，最终产品通常是来自不同开发人员的插件拼凑而成。

没有什么可以将这些单独的工具结合在一起，除了您使用它们来构建一个有凝聚力的网站所花费的时间和精力。

目前这很好，但它可能会导致潜在的问题，因为每个开发人员都会独立更改和更新他们的插件。

例如，滑块插件的开发人员可能会进行更改，导致主页英雄部分出现问题（你用另一个插件构建的）。

使用 Elementor，您可以在一个屋檐下访问所有重要工具。

例如，使用 Elementor 和 Elementor Pro，您可以获得工具来帮助您创建：

• 滑块
• 联系表格
• 潜在客户生成表格
• 画廊
• 弹出窗口
• 投资组合列表/网格
• 定价表
• …更多

所有这些工具都来自同一个开发人员的同一个插件，因此您可以确保对潜在客户生成表单的更改永远不会导致您显示表单的弹出窗口出现问题。

更重要的是，当您需要更新您的网站时，这会让您的生活变得更加轻松。 无需使用临时站点在不同时间测试一堆不同的插件，您需要做的就是测试和更新一个工具。

基本上，您可以使用 Elementor 作为您网站的基础来简化一切，然后扩展以实现特定的业务目标，例如使用 免费的 HubSpot WordPress 插件 通过表单、实时聊天框和弹出窗口生成潜在客户，所有这些都输入免费的 HubSpot CRM。

节省资金并简化成本

最后，Elementor 可以帮助您节省资金并更轻松地为项目定价。

就像在一个插件中访问重要工具降低了网站的复杂性一样，它也降低了您需要支付的价格。

Elementor 有一个用于核心构建器的免费版本。 然后，要访问表单、滑块、弹出窗口等附加功能，您只需支付一个固定价格。

不同的功能无需额外付费，也无需购买不同的插件，从而使您的成本保持在较低水平。

这也使您的成本清晰，并更容易为客户项目定价。 无需在提案中为一堆不同的工具定价，您可以让事情变得更简单，并专注于为您的时间和专业知识而不是工具收取的费用。

如何使用 Elementor 构建网站

既然您知道 Elementor 成为远程构建网站的绝佳工具的一些原因，让我们深入研究如何使用 Elementor 构建一个很棒的网站。

1. 选择你的主题

Elementor 是一个插件，因此您仍然需要选择一个主题来与 Elementor 配对。

因为您将使用 Elementor 来控制您网站的所有/大部分设计，所以您希望专注于寻找一个提供您需要的功能以及完全支持 Elementor 页面构建功能的主题。 例如，如果您希望能够添加员工、推荐信和作品集，您应该选择具有这些帖子类型的主题——例如 总 WordPress 主题.

最轻的基础可能是 你好 Elementor 主题. 本质上，Hello Elementor 是用于 Elementor 设计的 100% 空白画布。

因为 Hello Elementor 主题没有添加任何自己的样式或功能，所以它将使您完成的网站保持轻量级并快速加载。

如果您想要一个带有自己风格的主题，也许是为了控制您网站的标题或 WooCommerce 商店的结帐体验，您可以查看这个最好的 Elementor WordPress 主题集合。

2. 选择你喜欢的 Elementor

Elementor 两者都有 WordPress.org 上的免费版本，以及添加更多功能的高级版本，称为 元素专业版.

使用 Elementor 的免费版本，您可以逐页构建网站。 例如，您可以为您的主页创建一个设计，为您的“关于页面”创建另一个设计，然后您可以为每个投资组合项目创建单独的页面。

对于一个简单的小册子网站，内容主要是“一劳永逸”，这可能就是您所需要的。

但是，除此之外，您可能需要考虑 Elementor Pro。

Elementor Pro 不仅为您提供了滑块和表单等更多设计工具，还为您提供了一种使用 Theme Builder 构建网站的全新方式。

使用 Elementor Theme Builder，您可以创建模板并将其应用于您的全部或部分站点。 例如，您可以设计您的网站：

• 标题
• 存档页面（例如，列出所有博客文章的页面)
• 单页（例如个人博客文章)
• 页脚
• WooCommerce 产品

您还可以在设计中包含动态内容，例如使用自定义字段添加的内容。

因为您可以创建适用于所有或部分内容的单个模板，所以 Elementor Pro 为动态网站提供了一个特别好的选择。

由于新的内容小部件，它对于其他类型的网站也很有用，例如：

• 形式
• 滑块
• 画廊
• 投资组合
• 定价表
• …更多

同样，这简化了您的网站和定价（因为 Elementor Pro 以相同的价格包含所有功能）。

3. 使用 Elementor 开始构建

为您的项目选择正确的主题和 Elementor 版本后，您就可以开始构建了。

要设计您的内容，您可以从空白页面开始，也可以导入 Elementor 附带的预构建模板之一。

要快速构建一个完整的有凝聚力的网站，您甚至可以使用其中一个 Elementor 工具包，它是网站上每个页面的一组模板，甚至包括 404 页面。

无论您是从一张白纸开始还是从预先构建的模板开始，您最终都会进入 Elementor 的可视化拖放界面。

您将在右侧看到设计的实时预览——您可以准确地看到网站访问者将看到的内容。

然后，您可以使用左侧的侧边栏添加和配置内容和布局元素。

例如，如果您想在设计中添加一个按钮，您只需将其从侧边栏中拖过来即可。 然后，您可以使用相同的侧边栏自定义其设置。

要更深入地了解 Elementor 界面的工作原理，您可以观看以下视频：

立即使用 Elementor 构建网站

现在，企业比以往任何时候都更希望发展在线业务。

无论您是想建立自己的在线形象还是帮助客户上网，学习如何使用 Elementor 构建网站不仅可以让您构建美观、有效的网站，而且还可以：

• 节省您的时间，无需直接使用代码。
• 通过在一处为您提供所有最重要的工具，消除兼容性问题并简化维护。
• 无需为关键功能购买大量单独的插件，从而为您节省资金并简化成本。

要查看 Elementor 是否适合您，您可以安装 来自 WordPress.org 的免费版本 并开始远程构建您的第一个网站。