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

WordPress 定制

Want to create your own custom page layouts in WordPress? 元素器 is a 拖放 WordPress 页面构建器 that allows you to easily create custom WordPress layouts without having any coding knowledge. In this article, we will show you how to easily create custom WordPress layouts with Elementor with just a few clicks.

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

为什么以及何时需要自定义WordPress布局？ （Why and When Do You Need Custom WordPress Layouts?）

Many 免费和高级 WordPress 主题 come with multiple layout choices for different kind of pages. However, sometimes none of these layouts would meet your requirements.

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

If you know how to code in PHP, HTML, and CSS, then you can create your own page templates or even build a 儿童主题 for your site. However, majority of WordPress users are not developers, so this option doesn’t work for them.

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

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

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

This is exactly what 元素器 does. It is a drag and drop WordPress 页面构建器插件 that allows you to easily create your own custom WordPress layouts without any coding skills.

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

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

它具有直观的用户界面，可让您通过实时预览构建自定义布局。它附带了许多可用于所有网页设计元素的模块。

There are several professionally designed templates that you can instantly load and use as a starting point. It works with all 符合标准的 WordPress 主题 and is compatible with all popular WordPress 插件.

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

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

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

Elementor入门 （Getting Started with Elementor）

First you will need to purchase 元素专业版 plugin. It is the paid version of the free Elementor plugin and gives you access to additional features and 1 year of support.

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

Next, you will need to install and activate the Elementor plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.

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

Upon activation, you need to visit 元素 » 设置 page to configure plugin settings.

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

Here you can enable Elementor for different 帖子类型. By default, it is enabled for your WordPress posts and pages. If you have 自定义帖子类型 on your site, then those will also appear here, and you can enable them as well.

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

You can exclude or include 用户角色 that can use Elementor when writing posts or pages. By default, it is enabled only for administrators.

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

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

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

使用Elementor创建自定义WordPress布局 （Creating Custom WordPress Layout with Elementor）

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

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

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

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

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

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

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

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

让我们通过单击“添加模板”按钮开始使用模板。

让我们首先单击“添加模板”按钮。

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

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

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

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

Elementor 现在将为您加载模板。

Elementor 现在将为您加载模板。

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

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

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

现在让我们讨论 Elementor 布局的工作原理。

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

Elementor 布局是使用部分、列和小部件构建的。部分就像放置在页面上的线或块。

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

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

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

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

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

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

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

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

You can add images, text, headings, 图片库, videos, maps, icons, testimonials, slider, carousels, and so much more.

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

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

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

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

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

笔记： Saving a layout will not publish the page on your WordPress site. It will just save your page layout.

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

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

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

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

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

在Elementor中创建自己的模板 （Creating Your Own Templates in Elementor）

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

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

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

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

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

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

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

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

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

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

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

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

You will need to visit Elementor » 图书馆 page to see your saved templates. Take your mouse over to your template name and then click on ‘Export template’ link.

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

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

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

目前为止就这样了。

现在就这样。

We hope this article helped you learn how to create custom WordPress layouts with Elementor. You may also want to see our step by step guide on 如何加速 WordPress 并提高性能.

我们希望本文能帮助您学习如何使用Elementor创建自定义WordPress布局。 您可能还希望查看有关如何加速 WordPress 并提高性能分数步指南。

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-create-custom-wordpress-layouts-with-elementor/

WordPress 定制