![图片[1]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083009160617.png)
Gutenberg 是 WordPress 的块编辑器,允许用户通过块的形式创建和编辑内容。为了让用户在 Gutenberg 中使用 Elementor 的强大功能,Elementor 开发了一个名为 “Elementor Blocks for Gutenberg” 的独立插件。这个插件使用户可以将 Elementor 模板作为 Gutenberg 块添加到内容中,从而实现更高级的设计和功能。
本文将详细介绍如何在 Gutenberg 中使用 Elementor Blocks,以及如何通过这个插件将 Elementor 的强大功能集成到 WordPress 编辑器中。
什么是 Elementor Blocks for Gutenberg?
![图片[2]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083008335095.png)
Elementor Blocks for Gutenberg 是一个独立的 WordPress 插件,允许用户将 Elementor 模板作为块直接插入到 Gutenberg 编辑器中。通过使用这个插件,可以在不离开 WordPress 编辑器的情况下,添加 Elementor 的高级功能,如行动号召按钮、订阅表单、图像网格等。可以继续在 Gutenberg 编辑器下编辑文章和页面,同时享受 Elementor 提供的设计灵活性和功能。
Elementor Blocks for Gutenberg 的工作条件
要使用 Elementor Blocks for Gutenberg 插件,需要满足以下条件:
- WordPress 版本要求:WordPress 5.6 或更高版本。
- Elementor 插件:必须安装并激活 Elementor 插件。
如何安装和激活 Elementor Blocks for Gutenberg
以下是安装和激活 Elementor Blocks for Gutenberg 插件的详细步骤:
- 登录 WP Admin:首先,使用管理员账户登录到 WordPress 仪表板。
- 转到插件页面:在左侧菜单中,导航到“插件”>“添加新插件”。
- 搜索插件:在搜索栏中输入“elementor blocks for gutenberg”以查找该插件。
- 安装插件:找到插件后,点击“立即安装”按钮。
![图片[3]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083008433410.png)
- 激活插件:安装完成后,点击“激活”按钮启用插件。
如何在 WordPress 编辑器中添加 Elementor Blocks
以下是具体操作步骤:
- 创建新页面:登录到 WP Admin,导航到“页面”>“添加新页面”。
- 添加块:在页面编辑器中,点击页面顶部或段落区域中的 +(添加块图标)。
![图片[4]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083008512262.png)
- 选择 Elementor Block:在弹出的窗口中,搜索并选择“Elementor Library”。这将显示已保存的所有 Elementor 模板。
![图片[5]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083008524492.png)
- 选择模板:从 Elementor Library 中选择一个现有模板,或从头创建一个新模板。
![图片[6]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083008545210.png)
- 预览模板:在插入模板之前,可以通过点击右上角的预览图标来预览模板的外观。
- 插入模板:选择好模板后,点击插入,即可将模板添加到你的 Gutenberg 编辑器内容区域。
![图片[7]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083009005611.png)
在 Gutenberg 和 Elementor 之间切换
如果需要在使用 Elementor Blocks 的同时还希望进一步定制设计,可以随时通过点击页面顶部的“使用 Elementor 编辑”按钮在 Gutenberg 和 Elementor 编辑器之间进行切换。这使得你可以在两个编辑器之间无缝切换,充分利用两者的优势。
![图片[8]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/uploads/2024/08/2024083009021469.png)
结论
Elementor Blocks for Gutenberg 插件为使用 WordPress 的用户提供了更大的灵活性,使他们能够将 Elementor 的强大功能集成到 Gutenberg 编辑器中,而无需离开编辑界面。借助这个插件,用户可以在 Gutenberg 中创建更加丰富和复杂的页面,同时保持 WordPress 的编辑便利性。
当你升级到 Elementor Pro 时,不仅可以访问更多的高级设计功能,还可以与其他附属插件进行深度集成。例如,Elementor Pro 提供了强大的主题构建器、动态内容和高级小部件,这些都可以通过 Elementor Blocks for Gutenberg 插件直接添加到你的 Gutenberg 页面中。
| 联系我们 | |
|---|---|
| 教程看不懂?联系我们为您免费解答!免费助力个人,小企站点! |
客服微信
|
| ① 电话:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| ③ 邮件:info@361sale.com | |
| ④ 工作时间:周一至周五,9:30-18:30,节假日休息 | |






















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容