如何使用Elementor创建自定义WordPress布局

想要在WordPress中创建自己的自定义页面布局? Elementor是一款拖放式WordPress页面构建器,可以让您轻松创建自定义WordPress布局,而无需任何编码知识。 在这篇文章中,我们将向您展示如何用Elementor轻松创建自定义的WordPress布局,只需点击几下鼠标。

如何使用Elementor创建自定义WordPress布局

为什么以及何时需要自定义WordPress布局?

许多免费和高级的WordPress主题都有不同类型的页面的多种布局选择。 但是,有时这些布局都不符合您的要求。

如果您知道如何使用PHP,HTML和CSS进行编码,那么您可以创建自己的页面模板,甚至为您的站点构建一个子主题。 但是,大部分的WordPress用户不是开发者,所以这个选项对他们来说不起作用。

如果您可以使用拖放界面创建页面布局,这不是很好吗?

这正是Elementor所做的。 这是一个拖放WordPress的页面生成器插件,使您可以轻松地创建自己的自定义WordPress布局没有任何编码技能。

它有一个直观的用户界面,可以让你建立自定义布局与实时预览。 它配备了许多可用于各种网页设计元素的模块。

有几个专业设计的模板,你可以立即加载和使用作为一个起点。 它适用于所有符合标准的WordPress主题,并与所有流行的WordPress插件兼容。

话虽如此,让我们来看看如何使用Elementor创建自定义的WordPress布局。

Elementor入门

首先你需要购买Elementor Pro插件。 这是免费的Elementor插件的付费版本,并允许您访问其他功能和1年的支持。

下一个

激活后,您需要访问 Elementor»设置 页面配置插件设置。

Elementor设置

在这里,您可以为不同的帖子类型启用Elementor。 默认情况下,它启用您的WordPress的帖子和页面。 如果您的网站上有自定义帖子类型,那么这些帖子也会出现在这里,您也可以启用它们。

您可以排除或包含在撰写帖子或页面时可以使用Elementor的用户角色。 默认情况下,仅对管理员启用。

不要忘记点击保存更改按钮来存储您的设置。

用Elementor创建自定义的WordPress布局

首先,您需要在您的WordPress网站上创建一个新的页面(或文章)。 在帖子编辑屏幕上,您会注意到新的“使用Elementor编辑”按钮。

用Elementor按钮编辑

点击它将启动Elementor用户界面,您可以使用Elementor的拖放页面编辑器编辑您的页面。

Elementor生成器接口

现在,您可以添加部分并从头开始构建页面,也可以添加模板。

模板是快速入门的快捷方式。 Elementor带有几个专业设计的模板,您可以根据自己的需要进行定制。

我们先点击“添加模板”按钮,开始模板。

这将弹出一个窗口,您将能够看到不同的模板可用。 您应该寻找一个与您的页面布局相似的模板。

选择并插入一个模板

现在点击选择您喜欢的模板,然后点击“插入”按钮将其添加到您的页面。

Elementor现在将为您加载模板。

您现在可以开始编辑模板以符合您的需求。 只需指向并点击任何元素来选择它,Elementor会在左栏显示它的设置。

在Elementor中编辑一个项目

现在我们来谈谈Elementor布局如何工作。

Elementor布局使用部分,列和小部件构建。 部分就像您放在页面上的行或块。

每个部分可以有多个栏目,每个栏目和栏目可以有自己的风格,颜色,内容等。

在Elementor中编辑部分和列

您可以使用Elementor小部件在您的列和部分添加任何内容。

这些小部件是可以放置在Elementor部分中的不同类型的内容块。

只需选择一个小部件,并将其放入您的部分或列。 有一个广泛的组件可用,涵盖所有流行的网页设计元素,你可以想到的。

Elementor小工具

您可以添加图片,文字,标题,图片库,视频,地图,图标,个人鉴定,滑块,轮播等等。

您还可以在您的网站上添加默认的WordPress小部件,甚至是由其他WordPress插件创建的小部件。

一旦完成编辑,您可以点击保存按钮来保存您的更改。

保存并退出Elementor

注意: 保存布局不会在您的WordPress网站上发布页面。 它只会保存你的页面布局。

您现在可以预览您的页面或转到WordPress的仪表板。

这将带你回到WordPress的文章编辑器。 您现在可以保存您的WordPress页面或将其发布到您的网站上。

发布页面

在Elementor中创建自己的模板

Elementor允许您将自己的自定义布局保存为模板。 这样,您可以重复使用自己的模板,以便在将来更快地创建新页面。

只需编辑您想要保存为Elementor的模板的页面。

在Elementor生成器界面中,单击保存按钮旁边的文件夹图标,然后选择“保存模板”。

保存你的模板

这将弹出一个弹出窗口,您需要为您的模板提供一个名称,然后单击保存按钮。

模板名称

下一次创建自定义页面布局时,您可以从“我的模板”选项卡中选择它。

自定义模板

您也可以导出此模板,并使用Elementor在其他WordPress网站上使用它。

你将需要访问 Elementor»图书馆 页面查看您保存的模板。 将鼠标移到您的模板名称上,然后单击“导出模板”链接。

导出模板

下载模板文件后,您可以使用Elementor访问另一个WordPress站点上的库页面,然后导入您的模板。

目前为止就这样了。