Elementor Blocks for Gutenberg:在Gutenberg(古腾堡)编辑器中使用Elementor Blocks

随着WordPress的发展,Gutenberg(古腾堡)块编辑器已成为其核心编辑器,它通过“块”的方式构建内容。尽管Gutenberg非常灵活,对于那些希望在网站上增加更多高级功能的用户来说,Gutenberg还是有一定的局限性。这时候,像Elementor这样的页面构建器就派上用场了。

Elementor Blocks for Gutenberg是一款独立的插件,它可以让用户将Elementor模板直接作为Gutenberg块插入到WordPress的编辑器中,完美地将Elementor的强大功能与Gutenberg的便捷编辑方式结合在一起。

图片[1]-Elementor Blocks for Gutenberg:在Gutenberg(古腾堡)编辑器中使用Elementor Blocks-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

什么是Elementor Blocks for Gutenberg?

Elementor Blocks for Gutenberg 是一个插件,它可以让用户将Elementor构建的模板作为Gutenberg块使用。不必将整个页面转换为Elementor进行编辑,而是可以在Gutenberg中继续编辑文章和页面的内容,并根据需要插入Elementor模板。

通过这种方式,可以在Gutenberg中享受Elementor提供的功能,例如:

  • 高级的 Call to Action 模块
  • 订阅表单
  • 更复杂的 图像网格
  • 以及其他Elementor提供的高级布局和设计功能

这一插件的目标是提高编辑的灵活性,让用户在WordPress块编辑器中轻松使用Elementor的强大设计能力。

Elementor Blocks for Gutenberg的安装要求

在使用 Elementor Blocks for Gutenberg 插件之前,要满足以下基本要求:

  1. WordPress版本:需要WordPress 5.6或更高版本。当然,这点可以忽略,因为现在WordPress版本更新很快已经到6.6.2了 。
  2. Elementor插件:必须先安装并激活Elementor插件才能使用Elementor Blocks for Gutenberg。

如何在Gutenberg编辑器中插入Elementor块

安装并激活插件后,可以在Gutenberg编辑器中插入Elementor模板块。以下是具体步骤:

1. 登录WordPress后台

首先,登录到 WP Admin 后台。

2. 创建新的页面

在左侧菜单中,选择 “页面” > “添加新页面”。进入Gutenberg页面编辑器,准备添加新内容。

图片[2]-Elementor Blocks for Gutenberg:在Gutenberg(古腾堡)编辑器中使用Elementor Blocks-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

3. 插入Elementor块

在Gutenberg编辑器中,点击 “+” 按钮,添加新的块。这时,会弹出一个可用块的窗口。可以在搜索框中输入 “Elementor Library”,或者在块列表中找到并点击 Elementor Library

图片[3]-Elementor Blocks for Gutenberg:在Gutenberg(古腾堡)编辑器中使用Elementor Blocks-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

4. 选择或创建Elementor模板

当选择了 Elementor Library 块后,系统会显示可用的Elementor模板库。可以从现有的模板中选择一个,也可以点击创建新的模板。如果需要查看效果,可以点击右上角的 预览图标,以预览模板效果。

图片[4]-Elementor Blocks for Gutenberg:在Gutenberg(古腾堡)编辑器中使用Elementor Blocks-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

5. 保存并发布

选择并编辑好模板后,点击 “保存草稿”“发布” 按钮。此时,您在Gutenberg编辑器中所添加的Elementor块已经成功应用到页面中。

图片[5]-Elementor Blocks for Gutenberg:在Gutenberg(古腾堡)编辑器中使用Elementor Blocks-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在Elementor和Gutenberg之间切换

值得一提的是,可以随时在Gutenberg和Elementor之间切换。只需点击页面编辑器中的 “Edit with Elementor” 按钮,便可进入Elementor编辑模式;如果更喜欢在Gutenberg中进行修改,可以点击返回Gutenberg的选项。

图片[6]-Elementor Blocks for Gutenberg:在Gutenberg(古腾堡)编辑器中使用Elementor Blocks-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Elementor Blocks for Gutenberg 的优势

通过结合Gutenberg和Elementor的优势,Elementor Blocks for Gutenberg 插件为用户提供了更灵活和强大的编辑体验。下面是该插件的一些关键优势:

1. 灵活性

用户不用在Gutenberg和Elementor之间做出选择。可以继续使用Gutenberg进行主要内容的编辑,同时利用Elementor的模板和设计工具增强特定部分的内容展示。这种灵活性能够根据不同的内容需求来选择最合适的工具。

2. 保持Gutenberg的简洁

Gutenberg的块编辑器简单易用,但在设计复杂布局时可能不够灵活。通过 Elementor Blocks for Gutenberg,可以在保持Gutenberg简洁性的同时,利用Elementor的设计功能,不需要将整个页面转为Elementor编辑。

3. 无需重复设计

如果已经在Elementor中创建了某些高质量的设计模板,无需重新在Gutenberg中手动设计。可以直接在Gutenberg中插入这些模板,节省时间和精力。

4. SEO 友好

由于仍然可以在Gutenberg中管理大部分内容,Elementor块的加入不会影响SEO设置。Gutenberg对WordPress的SEO结构是友好的,通过 Elementor Blocks for Gutenberg 插件,可以享受两者的SEO优势。

使用Elementor Blocks for Gutenberg的最佳实践

为了确保在使用 Elementor Blocks for Gutenberg 插件时获得最好效果,这里有一些建议:

  • 优化模板选择:确保选择的Elementor模板设计精美且轻量化,避免因为过于复杂的设计导致页面加载变慢。
  • 保持块的一致性:在Gutenberg和Elementor之间切换时,确保内容的风格和设计保持一致,避免页面布局显得凌乱。
  • 定期更新插件:确保 WordPressElementor 以及 Elementor Blocks for Gutenberg 插件始终保持最新版本,以获得最新的功能和安全性更新。

总结

Elementor Blocks for Gutenberg 插件提供了一种轻松的方式,将Elementor的强大设计功能与Gutenberg的便捷编辑体验相结合。无论是为页面添加高级设计模块,还是使用现有的Elementor模板来简化工作流程,该插件都能为WordPress网站带来极大的灵活性与增强功能。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容