Elementor主题生成器评论:使用拖放功能构建整个WordPress站点

Elementor主题生成器审查

Elementor活跃在200多万个WordPress网站上,从数量上看,它是现存最受欢迎的WordPress页面生成器插件之一。

然而生成器,您现在可以使用它来构建远远不止是页面。

使用Elementor Pro–49美元以上的高级附加组件–您可以构建整个WordPress主题–页眉、页脚、博客布局等。

是的–含义正是您所想的–您可以从本质上构建100%使用Elementor的可视化拖放编辑器创建WordPress站点……这太棒了。

在这个Elementor主题生成器回顾一下,我将带您了解这个强大的功能是如何工作的,以及它允许您做什么。

最后,我将回答您可能会遇到的一些紧迫问题,例如如果您使用Elementor主题生成器,是否仍需要关心WordPress主题。

Elementor主题生成器功能的工作原理

很像Elementor弹出窗口生成器的工作原理,Elementor主题生成器允许您使用与WordPress上免费Elementor插件完全相同的可视化拖放界面。组织并将其应用于设计整个WordPress主题。

具体而言,这意味着您可以设计网站的:

  • 收割台
  • 页脚
  • 归档页面–可以将其视为整个博客列表页面,但也可以为其他内容类型创建归档页面。
  • 单页–可以将其视为一篇单独的博客文章,尽管您也可以为其他内容类型创建单页。

如果你正在经营一家电子商务商店,你也可以设计你的WooCommerce商店和产品页面。

本质上,这允许您使用Elementor构建整个WordPress站点。也就是说,您可以构建访问者看到的所有内容。

为了帮助您构建实际页面,Elementor为您提供了大量新部件. 例如,要创建单个博客帖子的结构,您将获得新的小部件来显示帖子的标题和内容(直接从WordPress编辑器中提取).

最后,您将能够有条件地应用这些模板这是一个非常强大的功能。例如,您可以仅为特定类别的帖子创建专用布局。

不要担心,如果所有这些对你来说还是有点模糊。当我亲自使用Elementor主题生成器时,您将更好地了解每件事的工作原理。

如何使用Elementor主题生成器

现在,您已经了解了基本功能,让我们进行更多的实际操作/教程,我将向您展示所有内容的工作原理。

这会让你更好地了解如何将所有东西结合起来,帮助你建立WordPress网站。

让我们从头开始–我有一个基本的WordPress站点,使用Astra主题. 这就是它的样子之前使用Elementor主题生成器:

01编辑前的Astra主题

现在,当我向您介绍Elementor主题生成器的工作原理时,您将能够看到Elementor中的每一项更改都会如何影响这个基本网站。

在Elementor主题生成器中创建新模板

Elementor主题生成器使用模板系统工作。要访问此区域,请前往模板→ 主题生成器→ 添加新的。

您可以从中选择要创建的模板类型。这是您正在设计的主题的特定部分:

  • 收割台
  • 页脚
  • 档案文件
  • 仅有一个的
02选择新模板类型

现在,让我们看一下不同的部分…

构建标题

开始构建页眉时,您可以选择从13个以上的预制页眉模板中进行选择,也可以从头构建自己的页眉模板:

03从头开始或选择块

然后,您可以使用常规Elementor界面设计标头。您可以看到,我已经导入了上面的一个模板:

04 Elementor接口

不过,有一些独特的事情正在发生。例如,我没有添加常规图像小部件来添加徽标,也没有将菜单链接添加为常规文本小部件。

相反,我利用了这些新的地点小部件到动态地从我现有的网站数据中提取该内容:

05站点小部件

例如,Elementor从我在Customizer中设置的徽标中提取站点徽标,并从我通过转到设置的实际菜单中提取菜单链接外貌→ 菜单.

如果您编辑导航菜单widget,您可以看到这个。您还可以看到Elementor将如何为您提供许多功能选项:

06编辑导航菜单小部件

这是主题生成器工作原理的一个关键点。它是静止的相反,主题生成器可以帮助您动态地拉入站点信息。

然后,当您发布模板时,您将能够选择在何处应用该模板。

例如,您可以在站点范围内应用此标题,以便它在每个页面上充当您的标题。或者,您可以将其定位于特定内容,这将允许您为不同类型的内容创建不同的标题:

07模板显示位置设置

一旦我上线,您可以看到Elementor如何用我刚刚在Elementor界面中创建的标题替换我主题的现有标题:

08发布新标题

我现在要快一点,因为我想你已经有了基本的想法。

创建页脚与创建页眉相同,您将得到相同的选择地点小部件,以及16个以上的预制页脚模板可供选择。

与页眉一样,您可以使用可视化的拖放界面设计页脚:

09使用拖放设计页脚

然后,当您发布它时,您可以使用这些相同的规则在站点范围内定位它,或者定位特定的内容。

现在,如果我滚动到我的live站点的底部,您可以看到Elementor如何用我刚刚设计的页脚替换默认的Astra主题页脚:

10用新页脚替换原始页脚

构建博客存档页面

好的,那么您已经构建了页眉和页脚,但是您的实际内容呢?您的帖子和页面?

对于博客帖子,有两个难题:

  • 档案文件–这是列出所有博客帖子的页面设计。
  • 仅有一个的–这是每个博客帖子的设计。

Elementor Pro让您可以同时创建这两个功能—让我们从归档开始。

要开始,您可以从8个以上的模板中进行选择,也可以从头开始。从这里开始,基本概念是相似的,只是您将得到一组不同的小部件:

11选择博客存档模板

如果您编辑存档帖子widget,您将能够控制许多布局,包括多列设计、图像大小、元数据等。例如,您可以采用如下方式的多列卡片方法:

12编辑存档功能

当您发布它时,您将再次能够控制它显示的位置。你可以用它来你所有的档案. 或者,您可以为不同类型的存档创建不同的布局,如:

  • 作者存档
  • 日期存档
  • 搜索结果页面
  • 特定类别、标签等。

现在,您可以看到Elementor如何将默认的Astra帖子列表替换为我刚才创建的归档布局:

13用新设计替换原始博客存档

构建博客单页

创建单个模板与此类似,但在创建模板以选择岗位类型–例如,您是否要构建博客帖子或页面的布局:

14构建博客单页

您可以从7个以上的模板中进行选择。然后,您可以使用一组新的仅有一个的控制设计的小部件:

15从一组小部件中选择

另一个有用的选择是,当您控制设计时,可以预览其中一篇真实帖子中的数据–您可以看到Elementor实际上从我的网站上拉了一篇真实帖子,帮助我直观地看到事情的样子。

与其他模板一样,您还可以为每个小部件获得更多设置。一旦发布了模板,就可以准确地控制在何处使用单个模板。

例如,这将允许您为不同类别的博客帖子创建不同的模板。

打造您的WooCommerce商店

如果您有WooCommerce商店,您将能够应用相同的方法来构建您的店铺页面和单个产品页面,并使用专用的WooCommerce产品信息小部件:

16建立您的WooCommerce商店

这里一个很好的特性是,您还可以获得用于相关产品和追加销售的专用小部件。

为自定义帖子类型生成内容

这是一个高级概念,但Elementor Pro最强大的功能之一是,您可以执行上述所有相同的操作……但对于自定义帖子类型除外。

如果您不熟悉自定义帖子类型,那么它们基本上是存储特定类型内容的一种方式。事实上,你的博客“帖子”实际上是一种“帖子类型”——你只是不这么想,因为默认情况下它们都是WordPress自带的。

基本上,自定义帖子类型是WordPress从“仅仅博客平台“功能全面的内容管理系统”。

使用自定义帖子类型,您可以类似地为其他内容创建“容器”。一些示例:

  • 如果你想创建一个职位列表网站,你可以为“职位”创建一个自定义的职位类型。
  • 如果要创建公寓租赁网站,可以为“公寓”创建自定义帖子类型。
  • 如果要创建业务目录,可以为“业务”创建自定义帖子类型。

明白了吗?然后,Elementor Pro可以帮助您构建这些自定义帖子类型的设计。

这是怎么回事真正地强大是当你将它与我将要讨论的下一个功能结合起来时…

动态内容为主题构建注入了活力

到目前为止,我一直在关注Elementor主题生成器如何帮助您包含“正常”的WordPress内容,如帖子标题。

然而,对于构建真正定制的网站,Elementor theme builder是最强大的功能之一动态内容功能。

此功能允许您动态地将自定义字段和自定义分类法中的内容插入Elementor模板。

如果您不熟悉自定义字段是什么,那么它基本上是一种存储有关内容的“额外”信息的方法。

例如,如果您正在撰写一篇评论文章,您可以创建一个自定义字段来存储您对相关产品的评分(事实上,大多数WordPress评论插件就是这样做的).

您可以将这些自定义字段添加到常规帖子或页面中。或者,您也可以将它们与我上面提到的自定义帖子类型相结合。

例如,如果您为公寓租金创建了自定义贴子类型,则可以进一步为每个公寓的以下内容添加自定义字段:

  • 月租金
  • 卧室数量
  • 浴室数量
  • 地方

对于这个示例,假设我已经实现了(使用高级自定义字段自定义帖子类型UI). 现在,我有了一个简单的自定义帖子类型,其中包含一些自定义字段,如下所示:

17实现高级自定义字段

现在,我想使用Elementor主题生成器来显示所有这些内容。

下面是它的工作原理…

首先,您可以为公寓租金岗位类型:

18选择职位类型

你可以用普通的Elementor仅有一个的用于添加标题、图像和内容的小部件:

19附加标题图像和内容

但是那些自定义字段呢?如何将这些内容包括在设计中?

那就是Elementor动态功能非常强大。

要拉入自定义字段信息,可以添加常规Elementor文本编辑器小部件。只有现在,你才能点击动态选项:

20单击动态按钮

您可以选择ACF字段选项,这是我用来创建自定义字段的插件。然后,您可以选择每个单独的自定义字段,包括一个用于前置和附加信息的选项:

21编辑ACF字段

还有那个动态地拉入自定义字段信息,这意味着您添加的每个公寓租金的信息都将更改。

对所有自定义字段重复此过程会得到如下结果,其中所有信息都是从自定义字段中动态提取的:

22对其他自定义字段重复此过程

您还可以以其他方式使用动态数据,例如动态设置节的背景图像。

这就是Elementor主题生成器如此强大的原因!

有了它,你可以建立100%的自定义WordPress网站,超越正常的帖子/页面动态无需编码.

通常,构建这些类型的自定义WordPress站点至少需要一些基线技术知识。但使用Elementor主题生成器,您几乎可以通过拖放完成所有操作。

你还需要一个带有Elementor主题生成器的WordPress主题吗?

首先,每个WordPress网站都需要一个主题,这是WordPress的基本要求。因此,是的,您仍然需要至少在Elementor theme builder旁边安装一个主题。

我认为更相关的问题是“如果我使用Elementor theme builder,我是否需要关心我使用的主题?”。

这个技术的答案是“不”。你没有需要如果您计划使用Elementor theme builder进行所有操作,请关注您的主题。

事实上,Elementor创建了拥有超轻量主题这是为了配合主题生成器而设计的。它没有任何功能,只是Elementor主题生成器的一个轻量级基础。

然而,我认为你应该仍然关心你的主题,即使你不关心需要

原因如下:

  • 全局样式–您可以在主题的自定义设置中设置全局样式,而不是使用Elementor从头开始设置每个元素的样式。这有助于确保一致的设计,并使将来更容易切换。
  • 节省时间–有时,您可能不想将Elementor Pro用于任何事情。例如,您真的想用Elementor设计404页面吗?一个好的主题将为您处理基本的内容,这样您就可以对您真正想要更改的部分使用主题生成器。
  • 集成–一些主题将提供可以节省时间的直接插件集成,例如与WooCommerce或LMS插件.

那么,考虑到这一点,与Elementor theme builder搭配的最佳主题是什么?有几个不错的选择,但是阿斯特拉主题可能是大多数用例的最佳起点。

Elementor主题生成器帮助您构建自定义WordPress网站

虽然Elementor主题生成器比使用预先构建的WordPress主题需要更多的人力资源,但它使您能够使用与Elementor相同的可视化拖放界面来完全定制WordPress站点的每个方面。

除此之外,有条件的显示规则还允许您通过为不同类型的内容创建不同的设计来进一步定制您的网站。

最后,动态内容功能是难以置信的多功能,超越了基本的博客或小册子网站。它通过允许您为自定义内容类型动态引入内容来释放WordPress的真正威力(我上面给你的例子只触及表面).

无论您是想对博客的外观进行更多的控制,还是想建立自己的自定义网站或电子商务商店,Elementor theme builder都是最好的WordPress插件之一。

此外,Elementor theme builder包含在所有付费计划中,起价为49美元。这意味着您还可以以相同的价格访问所有其他Elementor Pro功能(包括弹出窗口生成器).

综上所述,从功能和价值的角度来看,Elementor Pro和theme builder都是不假思索的,这也是Elementor在过去几年中大受欢迎的原因。


披露:这篇文章包含附属链接。这意味着,如果你购买,我们可以给你一小笔佣金。

Elementor主题生成器审查