0

0

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

尊渡假赌尊渡假赌尊渡假赌

尊渡假赌尊渡假赌尊渡假赌

发布时间:2025-05-28 14:58:01

|

514人浏览过

|

来源于php中文网

原创

您想了解如何在 wordpress 中创建自定义页面布局吗?beaver builder允许您创建自己的页面布局,而无需编写任何代码。在本文中,我们将回顾 beaver builder 并向您展示如何使用 beaver builder 在 wordpress 中创建自定义页面布局。

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

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

许多高级WordPress 主题都为网站的不同部分提供了现成的页面布局。但是,有时内置布局可能无法满足您的需求。

您可以通过创建子主题然后添加您自己的页面模板来在 WordPress 中创建自定义页面模板。但您需要一些 PHP、HTML 和 CSS 知识才能实现这一点。

这就是Beaver Builder 的用武之地。它是WordPress 的拖放页面构建器插件。它可以帮助您创建自己的自定义页面布局,而无需编写任何代码。

海狸生成器评论

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

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

在这篇 Beaver Builder 评论中,我们将向您展示如何使用 Beaver Builder 在 WordPress 中创建自定义页面布局。

让我们开始吧。

设置 Beaver Builder 插件

首先您需要购买Beaver Builder插件。它是一个付费插件,起价 99 美元,无限站点。

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

激活后,您需要访问“设置”»“页面生成器”页面以输入您的许可证密钥。

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

输入许可证密钥后,您现在就可以创建漂亮的页面布局了。

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

只需访问Pages » Add New即可在 WordPress 中创建一个新页面。您会注意到 WordPress 编辑器中出现了一个新的“页面生成器”选项卡。

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

单击“页面生成器”选项卡启动 Beaver 生成器。

如果这是您第一次使用 Beaver Builder,那么您将看到一个欢迎弹出窗口,为您提供指导。

此时,您可以单击“不,谢谢”按钮来跳过游览。因为我们将引导您了解本指南中的不同功能,所以您不需要参观。

之后,您需要单击顶部菜单中的“模板”按钮。

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

Beaver Builder 附带了一些专业设计的模板,可帮助您立即开始。

不用担心,您可以根据需要自定义模板。这只是让您开始布局的快速方法。

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

当您选择布局时,Beaver Builder 会将其加载到预览窗口中。将鼠标移到某个项目上,Beaver Builder 会突出显示该项目。

您只需单击任何突出显示的项目上的扳手图标即可对其进行编辑。

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

YOO必优科技-AI写作
YOO必优科技-AI写作

智能图文创作平台,让内容创作更简单

下载

Beaver Builder 将显示一个弹出窗口,其中包含您可以编辑的不同设置。您可以更改文本、颜色、背景、字体、填充、边距等。

您还可以单击实时预览中的某个项目,然后拖放以将其在页面上移动。

Beaver Builder 布局基于行。您可以拖放来重新排列行。您还可以删除或添加新行。

只需单击“行布局”菜单,然后选择您想要的行中的列数。

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

Beaver Builder 会将行添加到您网站上的实时预览中。

您可以使用基本或高级模块和小部件将项目添加到行中。这些模块允许您添加最常用的元素,如按钮、标题、文本、图像、幻灯片、音频、视频等。

只需选择一个项目并将其拖动到刚刚添加的行即可。单击一个项目可编辑其属性。

您还可以保存行或模块以便稍后在其他页面上重复使用。编辑行或模块时单击“另存为”按钮。

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

完成页面编辑后,单击“完成”按钮。Beaver Builder 将显示一个弹出窗口,其中包含用于发布页面或将页面保存为草稿的按钮。

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

您还可以将整个页面布局重复用于 WordPress 网站上的其他页面。只需使用页面生成器打开页面,然后单击顶部栏中的“工具”按钮即可。

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

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

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

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

Beaver Builder 将用户创建的模板存储在称为模板的自定义帖子类型中。默认情况下它是隐藏的,但您可以通过转到“设置”»“页面生成器”并单击“模板”选项卡使其可见。

只需选中“启用模板管理”选项旁边的框,然后单击“保存模板设置”按钮即可。

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

您会注意到 WordPress 管理栏中会出现一个标有“模板”的新菜单项。您另存为模板的所有页面布局都将显示在该页面上。

由于它是自定义帖子类型,因此您可以使用 WordPress 中的内置导出功能轻松导出 Beaver Builder 模板。

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

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

现在登录到您要导入模板的 WordPress 站点。访问设置 » 导入页面并单击 WordPress。

系统会要求您下载并安装 WordPress 导入器插件。之后,您将能够简单地上传模板 xml 文件并导入它。

就这样,我们希望本文能够帮助您使用 Beaver Builder 在 WordPress 中创建自定义页面布局。您可能还想查看我们的指南,了解如何使用 Adminimize 从 WordPress 管理员隐藏不必要的项目。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
pdf怎么转换成xml格式
pdf怎么转换成xml格式

将 pdf 转换为 xml 的方法:1. 使用在线转换器;2. 使用桌面软件(如 adobe acrobat、itext);3. 使用命令行工具(如 pdftoxml)。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

1950

2024.04.01

xml怎么变成word
xml怎么变成word

步骤:1. 导入 xml 文件;2. 选择 xml 结构;3. 映射 xml 元素到 word 元素;4. 生成 word 文档。提示:确保 xml 文件结构良好,并预览 word 文档以验证转换是否成功。想了解更多xml的相关内容,可以阅读本专题下面的文章。

2119

2024.08.01

xml是什么格式的文件
xml是什么格式的文件

xml是一种纯文本格式的文件。xml指的是可扩展标记语言,标准通用标记语言的子集,是一种用于标记电子文件使其具有结构性的标记语言。想了解更多相关的内容,可阅读本专题下面的相关文章。

1173

2024.11.28

wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

436

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

336

2024.04.15

TypeScript类型系统进阶与大型前端项目实践
TypeScript类型系统进阶与大型前端项目实践

本专题围绕 TypeScript 在大型前端项目中的应用展开,深入讲解类型系统设计与工程化开发方法。内容包括泛型与高级类型、类型推断机制、声明文件编写、模块化结构设计以及代码规范管理。通过真实项目案例分析,帮助开发者构建类型安全、结构清晰、易维护的前端工程体系,提高团队协作效率与代码质量。

69

2026.03.13

Python异步编程与Asyncio高并发应用实践
Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开,深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例,帮助开发者掌握 Python 在高并发场景中的高效开发方法,并提升系统资源利用率与整体运行性能。

109

2026.03.12

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

326

2026.03.11

Go高并发任务调度与Goroutine池化实践
Go高并发任务调度与Goroutine池化实践

本专题围绕 Go 语言在高并发任务处理场景中的实践展开,系统讲解 Goroutine 调度模型、Channel 通信机制以及并发控制策略。内容包括任务队列设计、Goroutine 池化管理、资源限制控制以及并发任务的性能优化方法。通过实际案例演示,帮助开发者构建稳定高效的 Go 并发任务处理系统,提高系统在高负载环境下的处理能力与稳定性。

62

2026.03.10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.0万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

CSS教程
CSS教程

共754课时 | 43.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号