在 WordPress 中使用 Elementor 的初学者指南

什么是 Elementor？

Elementor是WordPress的拖放式页面生成器。该插件可帮助您使用可视化编辑器创建精美的页面。它专为快速创建动态网站而设计。

这款WordPress插件是一款全能型工具，它让网站设计变得简单又高效。想要让网站更具动态感，有丰富的字体选择、精美的背景图片，都能够随心所欲地打造出与品牌形象完美契合的网站。

为什么要使用 Elementor

Elementor适用于团队中所有类型的专业人士。如果你不精通技术，可视化编辑器可让你灵活拖动 90 多个小工具中的任何一个来创建内容，如按钮、星级评分和进度条。对于 WordPress 开发人员来说，它仍然是一个具有脚本优化、自定义属性和回滚版本的首选平台。

“这是一个使用 Elementor 编辑的餐厅网站。”

Elementor 是免费的吗？

Elementor提供免费版本和多种付费套餐。免费版本包含在网站上创建强大用户体验所需的所有功能，包括拖放编辑器、40 多个基本 widget 和 30 多个模板。如果想使用更高级的功能，如添加表单和自定义 CSS，可以升级到专业（Pro）版本。Elementor 的分级定价如下：

1 个站点每年 59 美元。

3 个站点每年 99 美元。

25 个站点每年 199 美元。

1,000 个站点每年 399 美元

如何安装 Elementor

与其他WordPress 插件一样，安装 Elementor 既快速又简单。有两种方法：

通过 Elementor.com 安装 Elementor

1. 访问Elementor.com并单击“开始”

2.填写电子邮件地址和密码以创建帐户。

3.回答一些关于该网站面向谁以及有多少建设网站的经验的问题

4.选择想要如何构建站点

可以购买 Elementor Pro 插件或包含该插件以及 WordPress 安装和托管的捆绑包。还可以查看其他付费套餐或从基本免费版本开始。 对于此演示，我们选择免费的就好：

5.由于 Elementor 要求有一个激活的 WordPress 网站，需要在其检查器中输入网站域名。

6.确认站点的兼容性后，单击安装 Elementor

7. 如果被引导至网站的管理员登录页面，继续登录。如果已经登录，则会直接进入 Elementor 插件页面。点击右下角的立即安装。

8.随后，将看到一个带有确认信息的页面。点击激活插件。

完成之后，就可以开始使用 Elementor 页面编辑器了。

通过 WordPress 仪表板安装 Elementor

第 1 步：在仪表盘中，单击插件>添加新插件。

第2步：在搜索字段中，输入 Elementor 并找到Elementor Website Builder。

第3步：点击立即安装。安装完成后，点击激活。

页面生成器将自动添加到侧边栏。不过，这个侧边栏菜单项只能用于访问 Elementor 的后台设置，而不能用于编辑页面。

如何在 WordPress 中使用 Elementor

有了 Elementor，就可以将自己的设计构想变为现实。通过实时编辑，可以在设计过程中查看每个元素，从而轻松完成设计过程。让我们一起来看看如何使用 Elementor 编辑器。

Elementor教程

Elementor为用户提供了直观的设计，可以在较短时间内学会编辑器的基础知识。

1.首先，创建一个新页面或帖子，然后单击“使用 Elementor 编辑”。

第 2 步： 将进入 Elementor 页面编辑器。这就是页面的样子。

3.在左侧，将看到 Elementor 侧边栏，上面有你可以用来构建网页的所有拖放功能

在开始拖放小部件之前，首先要了解 Elementor 编辑器由三个主要构建模块组成： 节、列和部件。版块是最大的构建模块。

编辑器会用蓝色框突出显示部分和列，告诉你可以在哪里拖动部件。注意，不能将部件拖到导航栏或标题中。

可以使用蓝色手柄控制版块、列和部件。只需右击手柄即可编辑块。

4.准备好后，只需单击、按住小部件并将其拖动到要添加新模块的位置即可。

例如，当滚动到页面底部时，可以选择将小部件拖到新的空白区域中。

5.”可以搜索特定的小部件来自定义页面。从基本元素（如标题或图片库）中进行选择，或探索更高级的元素（如动画标题和推荐轮播）。

6.点击左上角的按钮，然后点击 “网站设置“。在这个菜单中，你可以设置页面的默认颜色和字体。还可以在 Elementor 上为整个网站配置全局设置。

7. 最后，可以点击面板底部的 “历史 “图标，访问 Elementor 内置的 “修订历史 “部分。在 “操作 “选项卡下，可以跟踪你的更改，在每个操作之间来回移动。在 “修订 “选项卡下，可以在修订之间切换，并返回到任何以前的版本。

如何在 Elementor 中构建你的首页

Elementor 以其易用性从众多竞争者中脱颖而出。在该平台上创建你的第一个页面，无需任何编码技能，可以亲自试一下。

1.进入 WordPress 面板。

2.单击页面，然后添加新内容。

3.单击使用 Elementor 编辑，进入页面生成器。

4.Elementor 将加载如下内容。

5.”接下来，添加标题、文本编辑器和图像小部件。

拖动到位后，就可以尽情编辑每个小部件了。点击绿色的 “发布 “按钮，完成！就在 Elementor 中创建了第一个页面。

7.完成页面设计后，可以预览然后发布。首先，转到 Elementor 编辑器左侧的面板。

8.要单击眼睛图标预览一下页面。

9.发布的时候点击绿色的发布按钮即可。

Elementor模板

模板是预先设计好的页面和块，可以帮助你设计 WordPress 网站。页面是完整的内容布局，而块是带有预置部件的部分，如页脚、页眉和常见问题。可以通过页面类型、模板名称或标签搜索特定模板。此外，所有模板都是移动响应式的。只需点击一下，就可以将它们插入到任何页面中。

1.在 Elementor 编辑器中，导航到页面底部，其中有一个部分显示“在此处添加小部件”。单击白色文件夹。

2.将加载一个库。要预览模板，单击图像上的放大镜图标或者只是将鼠标悬停在其中一个上。

3.单击绿色的“插入”按钮”

4.如果未连接到 Elementor 的模板库，系统会提示连接。Elementor 会自动重定向到其网站，可以在那里注册或登录。

5.注册或登录后，连接确认。

6.返回正在编辑的页面并插入所需的模板。

上面就是在WordPress 中使用 Elementor 的一个指南；这次我们是用Elementor免费的版本做的演示，后面我们会给大家分享”如何使用 Elementor 中的高级功能“。