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

是否想在WordPress中创建自己的自定义页面布局？Elementor是一个拖放式WordPress页面构建器，它使您无需任何编码知识即可轻松创建自定义WordPress布局。在本文中，我们将向您展示如何只需单击几下即可使用Elementor轻松创建自定义WordPress布局。

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

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

如果您知道如何使用PHP，HTML和CSS进行编码，则可以创建自己的页面模板，甚至可以为您的站点构建子主题。但是，大多数WordPress用户不是开发人员，因此此选项不适用于他们。

如果您仅可以使用拖放界面创建页面布局，那不是很好吗？

这正是Elementor所做的。它是一个拖放式WordPress页面构建器插件，可让您轻松创建自己的自定义WordPress布局，而无需任何编码技能。

它具有直观的用户界面，可让您通过实时预览构建自定义布局。它带有许多现成的模块，可用于各种Web设计元素。

有几种专业设计的模板，您可以立即加载并用作起点。它适用于所有符合标准的WordPress主题，并且与所有流行的WordPress插件兼容。

话虽如此，让我们看一下如何使用Elementor创建自定义WordPress布局。

Elementor入门

首先，您需要购买Elementor Pro插件。它是免费的Elementor插件的付费版本，可让您使用其他功能和1年的支持。

接下来，您将需要安装并激活Elementor插件。有关更多详细信息，请参阅有关如何安装WordPress插件的分步指南。

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

在这里，您可以为不同的帖子类型启用Elementor 。默认情况下，您的WordPress帖子和页面启用了此功能。如果您的网站上有自定义帖子类型，则这些类型也将显示在此处，您也可以启用它们。

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

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

使用Elementor创建自定义WordPress布局

首先，您需要在WordPress网站上创建一个新页面（或发布）。在帖子编辑屏幕上，您会注意到新的“使用Elementor编辑”按钮。

单击它将启动Elementor用户界面，您可以在其中使用Elementor的拖放页面构建器来编辑页面。

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

模板是快速入门的更快方法。Elementor附带了几个专业设计的模板，您可以根据需要进行自定义。

让我们从单击“添加模板”按钮开始。

这将弹出一个弹出窗口，您将可以在其中看到不同的模板。您应该寻找一个与页面布局相似的模板。

现在单击以选择所需的模板，然后单击“插入”按钮以将其添加到页面。

Elementor现在将为您加载模板。

现在，您可以开始编辑模板以满足您的需求。只需指向并单击任何元素以将其选中，然后Elementor就会在左栏中显示其设置。

现在让我们讨论一下Elementor布局是如何工作的。

使用部分，列和小部件来构建Elementor布局。节就像放在页面上的行或块一样。

每个部分可以具有多个列，每个部分和列可以具有自己的样式，颜色，内容等。

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

这些小部件是您可以放置​​在Elementor部分中的另一种内容块。

只需选择一个小部件并将其放入您的部分或列中。有大量可用的小部件，这些小部件涵盖了您可以想到的所有流行的Web设计元素。

您可以添加图像，文本，标题，图像库，视频，地图，图标，推荐书，滑块，轮播等。

您还可以添加默认的WordPress小部件，甚至添加站点上其他WordPress插件创建的小部件。

完成编辑后，可以单击“保存”按钮保存更改。

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

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

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

在Elementor中创建自己的模板

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

只需使用Elementor编辑您要另存为模板的页面即可。

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

这将弹出一个弹出窗口，您需要在其中提供模板名称，然后单击保存按钮。

下次创建自定义页面布局时，您可以从“我的模板”标签中选择它。

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

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

下载完模板文件后，您可以使用Elementor转到另一个WordPress网站上的库页面，然后导入模板。

目前为止就这样了。