在经济不确定和社会疏远的时代,企业比以往任何时候都更希望扩大其在线业务。

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

Elementor 是一个可视化的拖放式 WordPress 页面构建器,这意味着您无需查看任何代码即可创建漂亮的设计。如果您想从总体上了解有关该插件的更多信息,可以浏览整个 WPExplorer。初学者评论。

在本文中,我将进一步解释为什么 Elementor 是远程建站的最佳工具。然后,我将指导您完成有关如何使用 Elementor 设计网站的高级步骤。

如果您想了解有关使用 Elementor 远程构建网站的更多信息,HubSpot Academy 和 Elementor 已联手提供免费在线课程,涵盖从设置托管到构建和启动 WordPress 网站的所有内容。

为什么要用Elementor搭建远程站点

信息和下载查看演示

使用 Elementor 构建网站可以:

  • 节省您的时间并帮助您更快地访问您的网站设计并迭代。
  • 降低站点复杂性、消除错误并简化更新和测试方面的维护。
  • 为您节省资金并简化成本,以便您可以更好地为项目定价。

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

节省时间并避免编写代码

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

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

在整个体验过程中,除非您愿意,否则您不必直接与代码交互。如果您想要更多控制,您可以在需要的地方轻松使用您自己的自定义 CSS。

最后,如果您真的想节省时间,Elementor 附带了数百个您可以导入的预建模板。您需要做的就是导入所需的模板,编辑内容以匹配您的品牌,然后就大功告成了

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

降低复杂性并消除错误

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

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

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

例如,您的开发人员滑块插件可能会做出更改,导致您的主页英雄部分(使用另一个插件构建)出现问题。

借助 Elementor,您可以一站式访问所有重要工具。

例如,使用 Elementor 和 Elementor Pro,您可以获得一些工具来帮助您创建:

  • Slider
  • Contact Form
  • < li>潜在客户生成表格

  • 图库
  • 弹出窗口
  • 投资组合列表/网格
  • 定价表
  • …更多

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

另外,当您的网站需要更新时,这会让您的工作变得更加轻松。无需使用暂存站点在不同时间测试一堆不同的插件,您需要做的就是测试和更新单个工具。

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

省钱并简化成本

最后,Elementor 可以帮助您省钱并更轻松地为项目定价。

正如在一个插件中访问重要工具会降低您网站的复杂性一样,它也会降低您需要支付的价格。

Elementor 为核心构建者提供免费版本。然后,要访问其他功能,如表单、滑块、弹出窗口等,您只需支付一笔固定费用。

无需为其他功能支付额外费用,也无需购买额外的插件,从而降低您的成本。

这还可以让您清楚地了解成本并简化客户项目的定价。您可以让事情变得更简单,并专注于为您的时间和专业知识而不是工具收费,而不是在您的出价中为一堆其他工具定价。

如何使用 Elementor 构建网站

既然您知道 Elementor 是远程构建网站的好工具的一些原因,让我们深入探讨如何使用 Elementor 构建一个很棒的网站元素者。

1.选择主题

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

资料下载查看演示

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

资料下载查看演示

最轻的基础是 hello element 主题。本质上,Hello Elementor 是 100% 用于 Elementor 设计的空白画布。

由于 Hello Elementor 主题本身不添加任何样式或功能,因此它会使最终站点保持轻便且加载速度快。

如果您想要一个带有您自己风格的主题,例如能够控制您网站的标题或您的 WooCommerce 商店的结账体验,您可以查看这个主题集合。最佳 Elementor WordPress 主题。

2.选择您的 Elementor 风格

Elements 有来自 WordPress.org 的免费版本,也有添加更多功能的高级版本,称为 Elementor Pro。

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

对于一个简单的手动站点,其中有很多设置和忘记的东西,这可能就是您所需要的。

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

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

使用 Elementor Theme Builder,您可以创建模板并将它们应用到您的全部或部分网站。例如,您可以设计您的站点:

  • 页眉
  • 存档页面(例如,列出您所有博客文章的页面)
  • 单个页面(例如单个博客文章)
  • 页脚
  • WooCommerce 产品

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

由于您可以创建适用于全部或部分内容的模板,因此 Elementor Pro 是动态网站的绝佳选择。

由于新的内容小部件,它对于其他类型的网站也很有用:

  • Forms
  • Slider
  • Gallery
  • Portfolio
  • Pricing Table
  • …more

同样,这可以简化您的网站和价格(自 Elementor Pro 以相同的价格包含所有功能)。

3.从 Elementor 开始构建

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

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

要快速构建一个完整的有凝聚力的网站,您甚至可以使用 Elementor Kits 之一,它是您网站上每个页面(甚至 404 页面)的模板集合。

无论您是从空白面板还是预建模板开始,最终都会进入 Elementor 的可视化拖放界面。

您会在右侧看到您的设计的实时预览——您会看到您网站的访问者将会看到的内容。

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

例如,如果你想要将按钮添加到您的设计中,只需将其从侧边栏拖到顶部即可。然后,您可以使用相同的侧边栏自定义其设置。

要深入了解 Elementor 界面的工作原理,请观看以下视频:

立即使用 Elementor 构建网站

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

无论您是要建立自己的在线形象还是帮助客户获得在线机会,学习如何使用 Elementor 构建网站不仅可以让您构建美观、有效的网站,还可以:

< ul>

  • 不必直接处理代码,从而节省您的时间。
  • 所有最重要的工具都集中在一处,消除了兼容性问题并简化了维护。
  • 无需为关键功能购买大量单独的插件,从而节省资金并简化成本。
  • 要查看 Elementor 是否适合您,您可以从 WordPress.org 安装免费版本并开始远程构建您的第一个网站。