您想为您的网站创建自定义 WordPress 布局以赋予其独特的外观吗?

无论您的技能如何,您都可以轻松构建自定义 WordPress 布局,而无需雇用开发人员。

在本文中,我们将向您展示如何使用著名的 WordPress 页面构建器插件 Beaver Builder 创建自定义 WordPress 布局。

你们中的许多人想知道为什么选择高级主题并使用其预构建布局之一启动您的页面,而您可以简单地创建自定义布局。

为什么要创建自定义 WordPress 布局

您会发现许多高级 WordPress 主题提供了各种开箱即用的出色内置布局。您绝对可以选择这些漂亮的布局,让您的网站看起来更吸引人。

但此类布局的问题在于,由于其易用性,它们在网络上被成千上万的用户广泛使用。

这意味着,如果您为 WordPress 网站使用预先构建的布局,除非您对其进行大量自定义,否则您将无法赋予它独特的外观。此外,这些布局可能不符合您的要求。在这些情况下,构建自定义布局是最佳选择。

创建自定义 WordPress 布局

为您的网站创建美观的自定义布局的最佳方法是使用 Beaver Builder 插件。 Beaver Builder 是一种流行的拖放页面构建器插件,可让您在几分钟内创建一些最令人惊叹的布局。

这个插件最好是灵活性(如果提供)。你几乎可以控制任何东西。

颜色、文本、字体、图像——一切都可以完全自定义,以获得您梦寐以求的外观。

您会喜欢 Beaver Builder 的另一件事是,它与任何其他页面构建器插件不同,它完全适合初学者,您无需花费大量时间来弄清楚如何使用它。此外,它还附带许多视觉效果极佳的模板,可帮助您入门。

在这里查看我们的 Beaver Builder 评论。现在,让我们看看如何使用此插件创建自定义布局。

第 1 步:在 WordPress 中安装和设置 Beaver Builder

第一步是在您的网站上安装和激活 Beaver Builder。您可以从 Beaver Builder 的网站下载该插件。激活后,转到设置»页面构建器。

您可以点这里进入您的许可证密钥以启用支持和接收更新。完成后,您就可以创建您的第一个自定义布局了。

第 2 步:创建您的第一个自定义布局

要创建您的第一个自定义布局,请转到 WordPress 仪表板上的所有页面 » 添加新的。在文本编辑器上,您可以选择切换到页面构建器。

点击这个选项,您会看到页面构建器选项卡启动。您会在此处看到几个模板选项。因此,为您的布局选择您最喜欢的布局。您也可以单击下拉箭头并选择所需的布局类型。这可用于您的着陆页或内容页。

完成后你会指向其拖放生成器。要编辑特定字段,只需将鼠标悬停在该特定区域上,单击它并开始自定义您的设计。

最多可以添加6 列、边栏、音频、图像、分隔线等。要添加行和边栏,请单击“行布局”选项卡。然后将所需数量的列拖放到视觉构建器中。

添加获得列后,只需单击它们并自定义它们以满足您的要求。您可以更改背景、文本颜色、向列添加链接、文本、边框等。这些列和行也可以保存以备后用。为此,只需单击弹出窗口末尾的“保存”按钮。

其他元素,你需要使用“基本模块”选项。您还可以在布局中添加一些其他元素,例如按钮、手风琴、价格表、地图、倒计时计时器等。

你只需要将元素横向拖放到左边的可视化构建器中。这些元素中的每一个都是可定制的。因此,例如,如果您想添加一个新标题,只需单击“标题”并将其拖放到布局中即可。之后,单击“标题”元素对其进行自定义。

这里有 3 个不同的选项卡。一般、样式和高级。第一个允许您向标题添加文本、链接等。第二个选项卡允许您使用不同的颜色、字体等设置标题样式。高级选项可让您处理边距、可见性、响应能力、动画等。

你可以使用相同的方法添加任意数量的元素和模块,然后根据您的要求进行定制。

编辑布局后,点击屏幕右上角的“完成”按钮。您会看到一个带有几个不同选项的新弹出窗口,如下面的屏幕截图所示。

使用使用这些选项,您可以保存、发布或放弃草稿。

第 3 步:重复使用布局

使用 Beaver Builder,您还可以保存自定义 WordPress 布局并在需要时重复使用它们。要使用此选项,请转到屏幕右上角的工具。您会在屏幕上看到以下选项。

现在,根据你的要求,选择一个选项。如果您想使用模板供以后使用,请单击“保存模板”选项并为您的布局命名。之后,单击“保存”按钮。

第四步:管理您的模板

使用 Beaver Builder 创建的布局可以在无限的网站上使用。他们的用户创建的模板存储在称为模板的自定义帖子类型中。

默认情况下,此选项是隐藏的。您可以通过转到设置 » 页面构建器 » 模板选项卡使其可见。

现在,单击启用模板管理选项,然后单击保存模板设置按钮。完成此操作后,您会注意到一个名为“模板”的新菜单项出现在您的 WordPress 管理栏中。您保存为模板的任何页面布局都将显示在该页面上。

导出 WordPress 布局

由于您创建的布局被保存为自定义帖子类型,因此您可以轻松导出 Beaver Builder 模板。为此,您在 WordPress 中具有内置的导出功能。要使用此功能,请转至工具 » 导出页面。

现在选择一个模板。单击下拉箭头并选择要导出的模板。之后,单击“下载导出文件”按钮,WordPress 将发送 XML 文件供您下载。

导入 Beaver Builder 布局

要导入布局,请转到要导入此布局的网站的仪表板。现在转到设置 » 导入 » WordPress。单击 WordPress 选项卡下的立即安装选项。这将下载并安装 WordPress 导入程序插件。

插件下载完成后,就可以上传刚才下载的XML文件了。现在您的布局也可以用在其他网站上。

就是这样。希望您喜欢我们的文章。如果这样做,您可能还想知道可以尝试的其他一些 Beaver Builder 替代方案。

帖子如何创建自定义 WordPress 布局(逐步)首先出现在 IsItWP - WordPress 技术查询工具上。