您想使用 Elementor 创建网站吗?

在当前经济不确定性和社会隔times的时代,公司正在寻求比以往任何时候都更多地扩展其在线业务。 

如果您希望在线上开展业务,或者您是创建商务网站的自由作家,那么Elementor可以帮助您有效地构建价格合理且易于维护的网站。

Elementor是一个 可视化WordPress页面构建器,这意味着您无需编写任何代码即可创建出色的设计。 如果您想对此了解更多 WordPress插件,您可以查阅我们的文章 关于Elementor界面的介绍

在本文中,我们将告诉您更多关于为什么 Elementor 是创建网站的最佳工具。 接下来,我们将向您展示如何使用 Elementor 创建一个网站.

但是在此之前,如果您从未安装过WordPress,请先了解一下 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题

然后回到为什么我们在这里。 

如果您想进一步了解如何使用Elementor构建网站, HubSpot学院和Elementor 联手提供了免费的在线课程,涵盖了从设置网络托管到构建和启动WordPress网站的所有内容。

为什么要使用Elementor建立网站

Elementor最佳Wordpress可视页面构建器插件

使用Elementor创建网站可以:

  • 节省时间并帮助您更快地建立网站。
  • 降低网站的复杂性,消除错误,并在更新和测试方面简化维护过程。
  • 为您省钱并简化成本,以便您更好地为项目定价。

让我们回顾一下好处。

节省时间,避免代码

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

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

发现 如何使用Elementor在WordPress中添加目录

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

降低复杂性并消除错误

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

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

这可以暂时使用,但也可能导致潜在的问题,因为每个开发人员都将独立更改和更新其插件。

例如,您的开发者 WordPress滑块插件 可能做出会导致问题的更改 主页(您使用其他插件创建的).

使用Elementor,您可以在一个屋顶下使用所有重要工具。

发现 创建事件日历的最佳WordPress Elementor插件列表

例如, Elementor et Elementor临,您将获得可帮助您创建的工具:

  • 滑条
  • 形式
  • 潜在客户产生形式
  • 画廊
  • 弹出窗口
  • 作品集
  • 定价表
  • 以及更多…
Elementor小部件3
Elementor小部件2
Elementor小部件1
Elementor 小部件 - 使用 Elementor

所有这些工具都可以从同一开发人员的同一插件中获得,因此您可以放心,对潜在客户生成表单的更改绝不会导致您显示该表单的弹出窗口出现问题。

而且,当您需要更新网站时,它使您的生活变得更加轻松。 无需在不同时间使用测试网站来测试大量不同的插件,您所需要做的就是测试和更新单个工具。

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

节省金钱并简化成本

最后,Elementor可以帮助您节省大型项目的费用。

正如可以使用插件中的重要工具可以降低网站的复杂性一样,它也可以降低您必须支付的价格。

发现我们的指南 如何自定义WordPress以增加转化

Elementor为Basic Builder提供了一个免费版本。 然后,访问其他功能,例如 形式,滑块,弹出式窗口等等,您只需支付固定费用。

无需为不同的功能充值,也无需购买不同的插件,这可以降低您的成本。

另请阅读我们的教程 如何在WordPress中嵌入PDF文件

它还有助于降低成本并提高客户项目的价格。 无需在提案中修复大量不同的工具,您可以使其变得更加简单,并专注于按时间和专业知识收取的费用,而不是工具。

如何使用Elementor建立网站

现在您已经了解了 Elementor 成为构建网站的绝佳工具的一些原因,让我们深入了解如何使用 Elementor 来构建网站 创建一个网站 惊人的。

1. 选择您的 WordPress 主题

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

主题wordpress高级珍珠Blogpascher

下载演示虚拟主机

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

您好Elementor主题wordpress blogpascher

另一个最轻的基准是 你好元素主题。 您好,基本上是100%用于您设计的空白画布。

由于WordPress Hello主题未添加任何其自身的样式或功能,因此它将使您的网站保持轻巧,页面加载流畅。

如果您想拥有一个具有自己风格的WordPress主题,也许是为了控制您的网站标题或WooCommerce在线商店的结帐体验,您需要查看此集合。 最佳Elementor WordPress主题.

2.选择您的Elementor版本

Elementor可用于 WordPress.org上的免费版本,以及添加了更多功能的高级版本,称为 Elementor临.

使用免费版的Elementor,您可以逐页构建网站。 例如,您可以为首页创建布局,为“ 关于页面 »,然后为投资组合中的每个项目创建单独的页面。

但是,要超出此范围,您可能需要考虑使用Elementor Pro。

Elementor Pro不仅为您提供了更多的设计工具(例如滑块和表单),而且还为您提供了一种全新的使用主题生成器构建网站的方式。

借助Elementor Theme Builder,您可以创建模板并将其应用于网站的全部或部分。 例如,您可以设计网站的部分,例如:

  • 标头
  • 页面档案 (列出您所有博客文章的页面)
  • 单页 (个人博客文章)
  • 页脚
  • WooCommerce产品

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

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

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

  • 表格
  • 滑块
  • 画廊
  • 作品集
  • 价格表
  • 以及更多…

同样,这既简化了您的网站,又降低了成本。 (因为Elementor Pro以相同的价格提供了所有功能).

3.开始使用Elementor创建

一旦您选择了正确的 WordPress 主题和 Elementor 版本,您就可以开始构建它了。

要设计内容,您可以从空白页开始,也可以导入Elementor的模板之一。

要快速创建一个具有凝聚力的网站,您甚至可以使用一个 Elementor模板套件,是网站每个页面(直到页面404)的一组模板。

无论您是从空白面板还是模板开始,您都可以在Elementor的可视化和滚动界面中找到自己。

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

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

Elementor 自定义页面 - 使用 Elementor

例如,如果要在设计中添加按钮,只需将其从侧边栏拖动即可。 然后,您可以使用同一边栏自定义其设置。

要了解有关Elementor界面如何工作的更多信息,可以查看以下视频:

立即使用Elementor建立网站

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

您好Elementor主题wordpress blogpascher

另一个最轻的基准是 你好元素主题。 您好,基本上是100%用于您设计的空白画布。

由于WordPress Hello主题未添加任何其自身的样式或功能,因此它将使您的网站保持轻巧,页面加载流畅。

如果您想拥有一个具有自己风格的WordPress主题,也许是为了控制您的网站标题或WooCommerce在线商店的结帐体验,您需要查看此集合。 最佳Elementor WordPress主题.

2.选择您的Elementor版本

Elementor可用于 WordPress.org上的免费版本,以及添加了更多功能的高级版本,称为 Elementor临.

使用免费版的Elementor,您可以逐页构建网站。 例如,您可以为首页创建布局,为“ 关于页面 »,然后为投资组合中的每个项目创建单独的页面。

但是,要超出此范围,您可能需要考虑使用Elementor Pro。

Elementor Pro不仅为您提供了更多的设计工具(例如滑块和表单),而且还为您提供了一种全新的使用主题生成器构建网站的方式。

借助Elementor Theme Builder,您可以创建模板并将其应用于网站的全部或部分。 例如,您可以设计网站的部分,例如:

  • 标头
  • 页面档案 (列出您所有博客文章的页面)
  • 单页 (个人博客文章)
  • 页脚
  • WooCommerce产品

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

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

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

  • 表格
  • 滑块
  • 画廊
  • 作品集
  • 价格表
  • 以及更多…

同样,这既简化了您的网站,又降低了成本。 (因为Elementor Pro以相同的价格提供了所有功能).

3.开始使用Elementor创建

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

要设计内容,您可以从空白页开始,也可以导入Elementor的模板之一。

要快速创建一个具有凝聚力的网站,您甚至可以使用一个 Elementor模板套件,是网站每个页面(直到页面404)的一组模板。

无论您是从空白面板还是模板开始,您都可以在Elementor的可视化和滚动界面中找到自己。

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

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

Elementor定制Blogpascher页面

例如,如果要在设计中添加按钮,只需将其从侧边栏拖动即可。 然后,您可以使用同一边栏自定义其设置。

要了解有关Elementor界面如何工作的更多信息,可以查看以下视频:

立即使用Elementor建立网站

今天,公司比以往任何时候都希望发展在线业务。

无论您是想建立自己的在线形象还是帮助客户建立联系,学习如何使用Elementor来构建网站都将不仅使您能够构建美观而有效的网站,而且:

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

要查看Elementor是否适合您,可以安装 WordPress.org的免费版本 并开始建立您的第一个网站。

还发现一些高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1。 WooCommerce的自动驾驶SEO

针对不同的搜索引擎 (SEO) 优化您的博客内容是任何电子商务网站的一个非常重要的部分。 WooCommerce 本身不支持 SEO,这 WordPress插件 自动将此功能添加到 WooCommerce,以便它可以更好地与各种搜索引擎进行通信。

适用于woocommerce的Autopilot seo

它提供的功能包括:自动化和 关键字优化,删除广告,垃圾邮件或任何其他类似的干扰,在所有页面上对元数据进行无限制的个性化; 备份,还原和重置可用, 符合GDPR,可用的客户支持等。

下载 | 演示 | 虚拟主机

2。 团队展示

Team Showcase是完美的插件,旨在在漂亮的网格或响应式轮播中显示您的团队成员。 您可以通过将成员分组为单独的团队来管理他们。 为此,只需选择要显示的选项,选择一个WordPress主题,然后为其应用预定义的颜色。

视觉作曲家wordpress插件的团队展示

因此,此行不需要任何代码行。 其功能包括:10个特殊主题,10种颜色设置,10种显示选项, CSS3动画效果,可以插入页面中, 全面响应的设计等...

下载 | 演示 | 虚拟主机

3。 Composium

这是Visual Composer的扩展,在此末尾添加了超过此插件默认内容的90个新元素。 此外,它还带有一个灯箱,一个字体管理器,自定义帖子类型等等。

wpbakery页面构建器可视化作曲者的无限插件

它的其他功能包括:16种图标字体和4多种图标,支持图标字体,支持 Google字体管理器,超过70种CSS3动画效果,小部件生成器,文件的智能管理等…

下载 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

所以 ! 这就是本教程的内容,我们希望它能让您轻松使用 Elementor 构建网站。 您还有问题或建议吗? 请让我们知道 评论.

但是,您也可以咨询 我们的资源,如果您需要更多元素来执行创建Internet网站的项目,请参考我们的指南 WordPress博客创建。

不要犹豫 与您最喜欢的社交网络上的朋友分享

...