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

什么是 Elementor?

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

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

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

为什么要使用 Elementor

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

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

在 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并单击“开始”

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

通过 WordPress 仪表板安装 Elementor

第 1 步:在仪表盘中,单击插件>添加新插件

第2步:在搜索字段中,输入 Elementor 并找到Elementor Website Builder

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

第3步:点击立即安装。安装完成后,点击激活

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

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

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

如何在 WordPress 中使用 Elementor

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

Elementor教程

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

如何在 Elementor 中构建你的首页

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

1.进入 WordPress 面板。

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

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

4.Elementor 将加载如下内容。

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

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

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

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

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

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

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

Elementor模板

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

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

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

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

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

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

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

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

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

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

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


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/8968/

(0)
上一篇 2024年 4月 25日 下午3:49
下一篇 2024年 4月 26日 下午4:27

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
购买我们的托管服务器,享受免费运维!