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

06/19/2024

为什么以及何时需要自定义页面布局

许多高级 WordPress 主题都附带了用于网站不同部分的现成页面布局。然而,有时内置布局可能不符合你的需求。

你可以通过创建子主题并添加自己的页面模板来在 WordPress 中创建自定义页面模板。但是,你需要一些 PHP、HTML 和 CSS 的知识。

这就是 Beaver Builder 的作用。它是一个 WordPress 的拖放页面构建器插件。它可以帮助你在不编写任何代码的情况下创建自己的自定义页面布局。

Beaver Builder 评测

Beaver Builder 非常易于使用,并且对初学者非常友好。同时,它加载了令人难以置信的功能,可以创建专业外观的页面。

它适用于所有 WordPress 主题,并拥有大量模块,你只需将它们拖放到页面上即可。你可以创建任何你想要的布局,并按你的想象进行设置。

在本次 Beaver Builder 评测中,我们将向你展示如何使用 Beaver Builder 在 WordPress 中创建自定义页面布局。让我们开始吧。

设置 Beaver Builder 插件

首先,你需要购买 Beaver Builder 插件。这是一个付费插件,起价为 $99,可以用于无限制的网站。接下来,你需要安装并激活 Beaver Builder 插件。有关详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。

激活后,你需要访问“设置 » 页面构建器”页面并输入你的许可密钥。输入许可密钥后,你现在可以创建美丽的页面布局了。

使用 Beaver Builder 创建你的第一个自定义页面布局

只需通过访问“页面 » 新增页面”在 WordPress 中创建一个新页面。你会注意到 WordPress 编辑器中有一个新的“页面构建器”标签。从这里,点击“启动 Beaver Builder”按钮开始。

如果这是你第一次使用 Beaver Builder,那么你会看到一个欢迎弹出窗口,提供了一个导览。在那之后,你需要点击顶部菜单中的“模板”按钮。

Beaver Builder 提供了一些专业设计的模板,让你可以立即开始。别担心,你可以根据自己的喜好对模板进行定制。这只是帮助你快速开始布局的一种简便方法。

选择布局后,Beaver Builder 会在预览窗口中加载它。将鼠标移到某个项目上,Beaver Builder 会将其高亮显示。你只需点击任意高亮项目上的扳手图标即可编辑它。

Beaver Builder 会显示一个具有不同设置的弹出窗口,供你编辑。你可以更改文本、颜色、背景、字体、填充、边距等。

Beaver Builder 的布局基于行。你可以拖放以重新排列行。你也可以删除或添加新行。只需点击行布局菜单并选择行中的列数。Beaver Builder 会将该行添加到你网站的实时预览中。

你可以使用基本或高级模块和小部件向你的行添加项目。这些模块允许你添加常用元素,如按钮、标题、文本、图像、幻灯片、音频、视频等。只需选择一个项目并将其拖到刚刚添加的行中。点击任意项目以编辑其属性。

你还可以保存行或模块,以便以后在其他页面中重复使用。在编辑行或模块时,点击“另存为”按钮即可。

当你完成页面编辑时,点击右上角的“完成”按钮。Beaver Builder 会显示一系列按钮来发布或将页面保存为草稿。

你还可以在 WordPress 站点上的其他页面重复使用整个页面布局。只需使用页面构建器打开页面,然后点击顶部栏中的向下箭头按钮进入工具。

Beaver Builder 会显示一个弹出窗口。你可以将页面保存为模板,或者快速创建具有相同布局的重复页面。

在 Beaver Builder 中管理页面布局模板

每个 Beaver Builder 许可证允许你在无限制的网站上使用它。但如何将你的页面模板从一个 WordPress 站点移动到另一个呢?

Beaver Builder 将用户创建的模板存储在一个名为模板的自定义内容类型中。它默认是隐藏的,但你可以通过进入“设置 » 页面构建器”并点击“模板”选项卡来使其可见。只需选中“启用模板管理员”选项旁边的复选框并点击“保存模板设置”按钮。

你会注意到 WordPress 管理栏中会出现一个标记为“模板”的新菜单项。所有保存为模板的页面布局都会出现在该页面上。由于它是一个自定义内容类型,你可以使用 WordPress 内置的导出功能轻松导出你的 Beaver Builder 模板。

访问“工具 » 导出”页面并选择模板。点击“下载导出文件”按钮,WordPress 会发送一个 XML 文件供你下载。

现在登录到你想要导入模板的 WordPress 站点。访问“设置 » 导入”页面并点击 WordPress。系统会要求你下载并安装 WordPress 导入插件。之后,你可以简单地上传模板 XML 文件并导入它。

就是这样,希望本文能帮助你使用 Beaver Builder 在 WordPress 中创建自定义页面布局。你可能还想查看我们的指南,了解如何使用 Adminimize 隐藏 WordPress 管理面板中的不必要项目以及我们精选的最佳 Beaver Builder 主题和模板。

如果你喜欢这篇文章,请订阅我们的 YouTube 频道以获取 WordPress 视频教程。你也可以在 Twitter 和 Facebook 上找到我们。



Related Posts

  • 2024-07-27
  • WordPress 插件

您是否希望在 WordPress 中要求文章必須設置精選圖片?如果您正在運營一個多作者的 WordPress 博客,您會希望確保每位作者在發布文章之前都添加精選圖片。在這篇文章中,我們將向您展示如何輕鬆地在 WordPress 中要求文章設置精選圖片。

閱讀更多
  • 2024-07-26
  • WordPress 插件

WordPress 內建搜尋功能,但其搜尋結果通常不盡人意。幸運的是,您可以自訂搜尋結果頁面,使其更加使用者友好。本文章將向您展示如何無需編寫任何代碼輕鬆自訂 WordPress 搜尋結果頁面。

透過自訂搜尋結果頁面,使用者能更容易找到他們需要的內容,並改善整體使用者體驗,從而提高頁面瀏覽量和轉化率。

閱讀更多
  • 2024-07-24
  • WordPress 插件

您在尋找如何創建影片和圖片的 WordPress Slider 吗?Sliders 是展示內容且吸引網站訪客注意力的絕佳方式。本文將為您提供使用 Soliloquy 簡易創建影片和圖片 Slider 的詳細指南。

首先,您需要安裝一個合適的 WordPress Slider 插件,例如 Soliloquy。這個插件使用簡單,可建立響應式的影片和圖片 Slider,不需要編寫一行代碼。接著,您可以根據需求添加各種媒體內容並調整 Slider 設定。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>