海狸
Do you want to learn how to create custom page layouts in WordPress? 海狸建造者 allows you to create your own page layouts without writing any code. In this article, we will review Beaver Builder and show you how to create custom page layouts in WordPress with Beaver Builder.
您是否想学习如何在WordPress中创建自定义页面布局？ 使用海狸生成器 ，您无需编写任何代码即可创建自己的页面布局。 在本文中，我们将回顾Beaver Builder，并向您展示如何使用Beaver Builder在WordPress中创建自定义页面布局。
为什么以及何时需要自定义页面布局 （Why and When you Need Custom Page Layouts）
Many premium WordPress 主题 come with ready to use page layouts for different sections of a website. However, sometimes a built-in layout may not fit your needs.
许多高级WordPress 主题附带了可用于网站不同部分的页面布局。 但是，有时内置布局可能无法满足您的需求。
You can create 自定义页面模板 in WordPress by 创建一个子主题 and then adding your own page templates. But you will need some knowledge of PHP, HTML, and CSS for that to work.
您可以通过创建副主题然后添加自己的页面模板来在WordPress中创建定制页面模板。 但是，您将需要一些PHP，HTML和CSS的知识才能起作用。
This is where 海狸建造者 comes in. It is a drag and drop WordPress 页面构建器插件. It helps you create your own custom page layouts without writing any code.
这是海狸建造者出现的地方。它是WordPress拖放页面构建器插件 。 它可以帮助您创建自己的自定义页面布局，而无需编写任何代码。
海狸生成器评论
海狸生成器评论
Beaver Builder 非常易于使用并且对初学者友好。同时，它还具有令人难以置信的功能，可以创建具有专业外观的页面。
Beaver Builder 非常易于使用且适合初学者。同时，它还具有创建专业外观页面的令人难以置信的功能。
它适用于所有 WordPress 主题，并拥有大量模块，您只需将其拖放到页面即可。您可以创建任何您想要的布局，并按照您想象的方式进行设置。
它适用于所有 WordPress 主题，并拥有大量模块，您只需将其拖放到页面上即可。您可以创建任何您想要的布局，并按照您的想象进行设置。
在这篇 Beaver Builder 评论中，我们将向您展示如何使用 Beaver Builder 在 WordPress 中创建自定义页面布局。
在这篇 Beaver Builder 评论中，我们将向您展示如何使用 Beaver Builder 在 WordPress 中创建自定义页面布局。
让我们开始吧。
开始吧。
设置Beaver Builder插件 （Setting up Beaver Builder Plugin）
First you need to purchase the 海狸建造者 plugin. It is a paid plugin, with pricing starting from $99 for unlimited sites.
首先，您需要购买海狸建造者插件。 它是一个付费插件，无限站点的起价为99美元。
Next, you need to do is install and activate the Beaver Builder plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.
接下来，您需要做的是安装并激活Beaver Builder插件。 有关更多详细信息，请参阅有关如何安装 WordPress 插件步指南。
Upon activation, you need to visit 设置 » 页面生成器 page to enter your license key.
激活后，您需要访问设置 » 页面生成器页面以输入许可证密钥。
输入许可证密钥后，您现在就可以创建漂亮的页面布局了。
输入许可证密钥后，您现在可以创建漂亮的页面布局。
使用Beaver Builder创建您的第一个自定义页面布局 （Creating Your First Custom Page Layout With Beaver Builder）
Simply create a new page in WordPress by visiting 页面 » 添加新内容. You will notice a new Page Builder tab in the WordPress editor.
只需通过访问页面»添加新页面在WordPress中创建一个新页面。 您会在WordPress编辑器中注意到一个新的Page Builder标签。
单击“页面生成器”选项卡启动 Beaver 生成器。
单击“页面生成器”选项卡以启动 Beaver Builder。
如果这是您第一次使用 Beaver Builder，那么您将看到一个欢迎弹出窗口，为您提供指导。
如果这是您第一次使用 Beaver Builder，您将看到一个欢迎弹出窗口，为您提供指导。
此时，您可以单击“不，谢谢”按钮来跳过游览。因为，我们将引导您了解本指南中的不同功能，因此您不需要参观。
目前，您可以单击“不，谢谢”按钮来跳过旅程。既然如此，我们将引导您了解本指南中的不同功能，这样您就不需要浏览了。
After that you need to click on the 模板 button in the top menu.
之后，您需要单击顶部菜单中的“ 模板”按钮。
Beaver Builder 附带了一些专业设计的模板，可帮助您立即开始。
Beaver Builder 附带了一些专业设计的模板，可帮助您立即开始使用。
不用担心，您可以根据需要自定义模板。这只是让您开始布局的快速方法。
不用担心，您可以根据您的需要自定义模板。这只是一种快速入门方法。
当您选择布局时，Beaver Builder 会将其加载到预览窗口中。将鼠标移到某个项目上，Beaver Builder 会突出显示该项目。
当您选择布局时，Beaver Builder 会将其加载到预览窗口中。将鼠标移到某个项目上，Beaver Builder 将突出显示它。
您只需单击任何突出显示的项目上的扳手图标即可对其进行编辑。
您只需单击任何突出显示的项目上的扳手图标即可对其进行编辑。
Beaver Builder 将显示一个弹出窗口，其中包含您可以编辑的不同设置。您可以更改文本、颜色、背景、字体、填充、边距等。
Beaver Builder 将显示一个弹出窗口，其中包含您可以编辑的不同设置。您可以更改文本、颜色、背景、字体、填充、边距等。
您还可以单击实时预览中的某个项目，然后拖放以将其在页面上移动。
您还可以单击实时预览中的项目并将其拖放到页面上。
Beaver Builder 布局基于行。您可以拖放来重新排列行。您还可以删除或添加新行。
Beaver Builder 布局基于行。您可以拖放来重新排列行。您还可以删除或添加新行。
Simply click on the 行布局 menu and then select the number of columns you want in your row.
只需单击“ 行布局”菜单，然后选择所需的行数即可。
Beaver Builder 会将行添加到您网站上的实时预览中。
Beaver Builder 会将行添加到您网站上的实时预览中。
You can add items to your row using the basic or advanced modules and 小部件. These modules allow you to add the most commonly used elements like buttons, headings, text, images, slideshows, audio, video, etc.
您可以使用基本或高级模块和小零件将项目添加到行中。 这些模块使您可以添加最常用的元素，例如按钮，标题，文本，图像，幻灯片，音频，视频等。
只需选择一个项目并将其拖动到刚刚添加的行即可。单击一个项目可编辑其属性。
只需选择一个项目并将其拖动到刚刚添加的行即可。单击一个项目可编辑其属性。
You can also save a row or a module to reuse later on other pages. Click on 另存为 button while editing a row or module.
您还可以保存一行或一个模块，以便以后在其他页面上重复使用。 编辑行或模块时，单击另存为按钮。
完成页面编辑后，单击“完成”按钮。 Beaver Builder 将显示一个弹出窗口，其中包含用于发布页面或将页面保存为草稿的按钮。
完成页面编辑后，单击“完成”按钮。 Beaver Builder 将显示一个弹出窗口，其中包含用于发布页面或将页面保存为草稿的按钮。
您还可以将整个页面布局重复用于 WordPress 网站上的其他页面。只需使用页面生成器打开页面，然后单击顶部栏中的“工具”按钮即可。
您还可以将整个页面布局重复用于 WordPress 网站上的其他页面。只需使用页面生成器打开页面，然后单击顶部栏中的“工具”按钮即可。
Beaver Builder 将向您显示一个弹出窗口。您可以将页面另存为模板，或快速创建具有相同布局的重复页面。
Beaver Builder 将显示一个弹出窗口。您可以将页面另存为模板或快速创建具有相同布局的重复页面。
在Beaver Builder中管理页面布局模板 （Managing Page Layout Templates in Beaver Builder）
每个 Beaver Builder 许可证都允许您在无限的网站上使用它。但是如何将页面模板从一个 WordPress 网站移动到另一个网站呢？
每个 Beaver Builder 许可证都赋予您在不受限制的网站上使用它的权利。但是如何将页面模板从一个 WordPress 站点移动到另一个站点呢？
Beaver Builder stores user created templates in a 自定义帖子类型 called templates. It is hidden by default, but you can make it visible by going to 设置 » 页面生成器 and clicking on the Templates tab.
Beaver Builder将用户创建的模板存储在称为模板的自定义帖子类型 。 默认情况下它是隐藏的，但是您可以通过转至设置 » 页面生成器并单击模板选项卡使其可见。
只需选中“启用模板管理”选项旁边的框，然后单击保存模板设置按钮。
只需选中“启用模板管理”选项旁边的框，然后单击“保存模板设置”按钮即可。
您会注意到 WordPress 管理栏中会出现一个标有“模板”的新菜单项。您另存为模板的所有页面布局都将显示在该页面上。
您会注意到 WordPress 管理栏中将出现一个名为“模板”的新菜单项。您保存为模板的所有页面布局都将显示在此页面上。
由于它是自定义帖子类型，因此您可以使用 WordPress 中的内置导出功能轻松导出 Beaver Builder 模板。
由于它是自定义帖子类型，因此您可以使用 WordPress 中的内置导出功能轻松导出 Beaver Builder 模板。
Visit 工具 » 导出 page and select Templates. Click on ‘Download export file’ button and WordPress will send an XML file for you to download.
访问工具 » 导出页面，然后选择模板。 单击“下载导出文件”按钮，WordPress将发送XML文件供您下载。
Now login to the WordPress site where you want to import the templates. Visit 设置 » 导入 page and click on WordPress.
现在登录到您要在其中导入模板的WordPress网站。 访问设置 » 导入页面，然后单击WordPress。
系统会要求您下载并安装 WordPress 导入器插件。之后，您将能够简单地上传模板 xml 文件并导入它。
系统会要求您下载并安装 WordPress 导入器插件。之后，您将能够简单地上传模板 xml 文件并导入它。
That’s all, we hope this article helped you create custom page layouts in WordPress using Beaver Builder. You may also want to see our guide on how to 使用 Adminimize 从 WordPress 管理员隐藏不必要的项目.
仅此而已，我们希望本文能帮助您使用Beaver Builder在WordPress中创建自定义页面布局。 您可能还想看看我们的指南，该指南如何使用 Adminimize 对 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-beaver-builder/
海狸