20170316111406

在WordPress中使用Elementor [初学者指南]

当你想创建一个新的网站,会有很多不同的选择。你可以选择不同的内容管理系统(CMS)、网站构建器等。一个更独特和强大的组合是使用WordPress CMS,加上一个像Elementor网站构建器。这样就两全其美了,既拥有提供内容管理权力的WordPress,又拥有定制能力的拖放式网站构建器。

如果不确定Elementor是否是适合自己需要的拖放式页面构建器,那么请继续阅读下去。

下面将了解Elementor插件的详细信息,可以在WordPress增加的附加功能,使用该插件的优缺点,最后将学习如何在WordPress网站上使用该插件。推荐阅读:《如何利用WordPress网站构建器轻松建立网站》

Elementor是什么?

简单地说,Elementor是一个WordPress页面构建器插件。页面构建器功能让使用者能够控制网站的所有视觉元素,以及创建自定义布局、设计和页面。

在WordPress中使用Elementor [初学者指南]
在WordPress中使用Elementor [初学者指南]
  Elementor本身并不是一个真正的主题,而是与任何现有的WordPress主题相匹配。然后将使用该插件来自定义现有页面,向站点添加新的小部件和设计选项,等等。

它配备了各种不同的小部件和预先构建的内容布局。所以,不必从头开始建立网站。相反,使用由专业人员构建的预先构建的站点Elementor。

另外,在建立网站的时候,插件使用拖放功能。这使得完成设计任务变得非常简单和直观。只需选择、拖放,就可以完成整个站点的构建。

免费版与专业版:两者有什么区别?

和大多数WordPress插件一样,这个插件有免费版和高级版。这样的话,就可以随着使用者对插件熟悉程度的增加,在需要更多更丰富的功能的时候选择付费升级。

Elementor插件的免费版本比大多数高级插件有更多的功能。尽管如此,升级到Elementor Pro还有更充分的理由。

首先,高级版本有一些额外的特性,这些特性更容易创建工作流。这对于正在构建客户端网站的开发人员和设计人员非常有用,因为这可以构建整个主题。

还可以访问更大的小部件库、全天候支持、动态内容块、集成等等。

对于那些建立第一个站点的人来说,免费版本可能已经足够了。但是,如果需要更高级的特性和站点功能,可能需要考虑升级。推荐阅读:《选择WordPress主题应该需要注意哪些事项》

Elementor与Gutenberg编辑器:究竟哪个更好?

最新发布的Gutenberg块编辑器是所有运行最新版WordPress网站的原生版本。这个更新的可视化编辑器使用块系统来帮助可视化地构建页面并创建唯一的内容。

因此,WordPress Gutenberg编辑器的加入的确提供了以前只有通过安装Elementor这样的插件才能现的功能。但是,它仍然不像其他WordPress页面构建插件那样强大。

以下是每个插件提供的功能简介:

Gutenberg块编辑器:

  •   使用拖放编辑器创建自定义页面和文章
  •   从二十多个不同的内容块中进行选择,例如图像、视频、文本、按钮、表格等
  •   使用拖放编辑器轻松地重新排列和插入新块
  •   从每个内容块的自定义选项列表中选择

Elementor插件:

  •   超过三十种不同的内容小部件可供选择
  •   每个Elementor的大量自定义选项库
  •   能够创建具有多种内容形式的复杂布局
  •   高级内容功能,如图像传送带、地图等
  •   对站点Elementor(如间距、填充和边距)的控制
  •   对正文以外的内容(如页眉和页脚部分)进行设计和控制

那么,应该用哪个编辑器来建立WordPress站点呢?没有现成的答案。它最终取决于网站所有者的喜好以及网站目标。

如果已经在使用Elementor构建站点,那么可能希望继续使用它。切换编辑工具可能会打乱已经创建的布局和功能。

然而,如果想在两者之间做出选择,那么WordPress编辑器是一个很好的起点,因为它简单易用,而且提供了内置模板。如果喜欢使用Gutenberg来构建站点,可以随时升级到使用Elementor以获得更大的灵活性和功能。这完全取决于对现有网站的定制程度。

需要使用Elementor来建立WordPress网站吗?

不需要使用Elementor来构建站点。许多WordPress用户更喜欢使用大多数主题自带的定制选项。

大多数标准的WordPress主题都会有一系列的设计和定制调整。这包括上传徽标、更改字体、颜色等等。

还可以通过主题配备的小部件自定义外观。

网站所有者可以改变网站的外观,但也有限制。这就是为什么通常要选择一个WordPress主题,因为这可以确定网站的基本设计风格。

Elementor最适合那些想要完全控制网站外观的人。或者,已经达到了现有WordPress主题的定制限制,并且想进一步开发的网站所有者。

使用像Elementor这样的页面构建器插件的优缺点

构建站点的WordPress页面构建器有很多。它们并不适合所有用户,有特定的优势,也有一些缺点。

以下是Elementor的优点和缺点。

Elementor的优点

  •   这是一个免费的插件!大多数用户可以免费建立好自己的网站,而不必升级到专业版。
  •   对于一个免费的插件而言,它有非常丰富的功能。免费版上设置的功能可与许多付费插件相媲美。
  •   实时编辑器允许对站点进行更改,并实时查看更改效果,因此不必在多个屏幕之间来回切换。
  •   可以编辑和查看站点、桌面、移动设备和平板电脑上的呈现效果,并对每个版本进行独特的更改。
  •   对站点的控制级别非常详细,并且能够调整间距和填充文本。

Elementor的缺点:

  •   Elementor是一个功能强大的编辑器,但是由于具有所有的灵活性和自定义选项,很难每件事都做到完美。
  •   有时,页面可能有不同的内容覆盖层,查找要编辑的区域既困难又耗时。
  •   由于能够完全控制网站的外观,网站所有者可能会花太多的时间纠结于小细节,而不是将注意力集中在更重要的事情上。
  •   虽然使用起来很直观,但是Elementor提供的大量功能和定制选项要求网站所有者必须投入充足的时间来学习插件的工作原理。
  •   如果使用Elementor构建站点,则需要安装插件,否则将丢失所有设计和自定义设置。

如何将Elementor与WordPress主题结合使用

如果想在网站上使用Elementor,那么请继续阅读这一节的内容。下面将介绍插件的安装和设置,并分享一些基础知识。

由于Elementor是一个WordPress插件,启动和运行都非常简单。只需要在网站上安装WordPress和一个基本的主题就可以开始了。Elementor兼容海量主题。但是,有些主题比其他主题更合适。

找到了一个合适的主题之后,那么开始建立网站吧!

1.安装Elementor插件

若要安装插件,就需要登录到WordPress仪表板。

然后导航到“插件”》“添加新插件”,搜索Elementor插件。

接下来,在名为Elementor Page Builder的插件上单击“立即安装”和“激活”。

现在,在WordPress仪表板的左侧有一个名为“Elementor”的选项卡。推荐阅读:《使用WordPress网站构建器插件的好处》

2.Elementor设置菜单

Elementor的主优势体现在在文章和页面上。但是,用户可能仍然需要浏览“设置”菜单。

若要打开“常规设置”菜单,请单击“Elementor”>“设置”。

在这里可以选择想用插件编辑的文章类型,设置字体间距,设置颜色默认值,以及调整响应设置。

另一个可能想了解的选项卡(设置正下方)是角色管理器。该功能可以指定哪些用户可以使用Elementor编辑站点。

3.在Elementor中构建页面

现在是时候在Elementor中构建第一个页面了。导航到“页面”>“添加新内容”,然后单击“使用Elementor编辑”以启用页面构建器。这个打开之后,会看到一个类似的页面如下。

Elementor上有三个主要构建块:节、列和小部件:

节是最高级别的,是列和小部件的容器。

列是包含小部件的单独部分。

小部件是独立的Elementor。

开始之前,请单击左侧的一个Elementor并将其拖到页面上。这将打开另一组选项,具体取决于添加的Elementor。

如图所示,我们添加了一个内部区域,然后在每个这些内部区域中,添加了图像和按钮。根据配备的自定义选项,可以对每个选项进行修改。

如果不想从头开始构建页面,那么可以从内容块和已经创建的整个页面中进行选择。若想访问这些文件夹,请单击任何白色文件夹图标。

然后选择“块”,插入已经创建的内容块:

或者,选择“页面”将预生成的页面插入到站点中。

大多数用户可能更喜欢使用预构建的内容块和页面,因为它可以加快网站构建过程,但也可以使用Elementor重新开始创建页面。

编辑完页面后,只需点击屏幕底部的绿色“发布”按钮。

4.Elementor定制选项

在Elementor中编辑页面时,可以访问三个不同的内容类别。使用免费版本,可以访问基本内容部分。

下面列出了一些最常用的基本小部件:

  •   标题
  •   文本
  •   视频
  •   按钮
  •   地图
  •   图标
  •   星级评定
  •   证明
  •   社交图标
  •   侧边栏

免费版本的插件总共提供了三十个不同的元素。如果想要更多的小部件,那么需要升级到专业版。

然而,可以用一个免费的插件完成很多事情。甚至可以模仿一些Elementor Pro元素,只不过需要更长的时间来创建。

还需要注意的是,其他第三方的WordPress插件仍然可以工作,并与使用Elementor构建的网站集成。因此,不必完全依赖Elementor进行站点的视觉定制。

总而言之:与Elementor一起前行

以上就是Elementor能为网站所有者和WordPress网站做的所有事情。如果想完全控制网站的设计,那么Elementor可以做到,即使是使用免费版本的插件。

本指南旨在让用户开始使用Elementor。用户还可以完成很多事情,比如创建可重复使用的页面模板,甚至定制WooCommerce产品页面(如果正在创建电子商务商店的话)。

总的来说,Elementor是最好的WordPress页面构建器之一,可以轻松地以拖放方式构建网站。它在易用性和仍然提供深层特性之间达到了一个很好的平衡。推荐相关阅读:《5大WordPress拖放页面构建器》