ElementorブロックでGutenbergに高度なデザイン機能を実装する方法

图片[1]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

グーテンベルク 是 WordPress 的块编辑器,允许用户通过块的形式创建和编辑内容。为了让用户在 Gutenberg 中使用 Elementor 的强大功能,Elementor 开发了一个名为 “Elementor Blocks for Gutenberg” 的独立插件。这个插件使用户可以将 Elementor 模板作为 Gutenberg 块添加到内容中,从而实现更高级的设计和功能。

本文将详细介绍如何在 Gutenberg 中使用 Elementor Blocks,以及如何通过这个插件将 Elementor 的强大功能集成到 WordPress 编辑器中。

什么是 Elementor Blocks for Gutenberg?

图片[2]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

Elementor Blocks for Gutenberg 是一个独立的 WordPress 插件,允许用户将 Elementor 模板作为块直接插入到 Gutenberg 编辑器中。通过使用这个插件,可以在不离开 WordPress 编辑器的情况下,添加 Elementor 的高级功能,如行动号召按钮、订阅表单、图像网格等。可以继续在 Gutenberg 编辑器下编辑文章和页面,同时享受 Elementor 提供的设计灵活性和功能。

Elementor Blocks for Gutenberg 的工作条件

要使用 Elementor Blocks for Gutenberg 插件,需要满足以下条件:

  1. WordPress 版本要求:WordPress 5.6 或更高版本。
  2. Elementorプラグイン:必须安装并激活 Elementor 插件。

如何安装和激活 Elementor Blocks for Gutenberg

以下是安装和激活 Elementor Blocks for Gutenberg 插件的详细步骤:

  1. 登录 WP Admin:首先,使用管理员账户登录到 WordPress 仪表板。
  2. 转到插件页面:在左侧菜单中,导航到“プラグイン">"新しいプラグインの追加".
  3. 検索プラグイン:在搜索栏中输入“elementor blocks for gutenberg”以查找该插件。
  4. プラグインのインストール:找到插件后,点击“立即安装”按钮。
图片[3]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  1. アクティベーションプラグイン:安装完成后,点击“アクティブ化”按钮启用插件。

如何在 WordPress 编辑器中添加 Elementor Blocks

以下はその手順です:

  1. 新規ページ作成:登录到 WP Admin,导航到“ウェブページ">"新しいページを追加".
  2. ブロックの追加:在页面编辑器中,点击页面顶部或段落区域中的 +(添加块图标)。
图片[4]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  1. 选择 Elementor Block:在弹出的窗口中,搜索并选择“Elementor Library”。这将显示已保存的所有 Elementor 模板。
图片[5]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  1. テンプレートの選択:从 Elementor Library 中选择一个现有模板,或从头创建一个新模板。
图片[6]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
  1. 预览模板:在插入模板之前,可以通过点击右上角的预览图标来预览模板的外观。
  2. 插入模板:选择好模板后,点击スティック,即可将模板添加到你的 Gutenberg 编辑器内容区域。
图片[7]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

在 Gutenberg 和 Elementor 之间切换

如果需要在使用 Elementor Blocks 的同时还希望进一步定制设计,可以随时通过点击页面顶部的“使用 Elementor 编辑”按钮在 Gutenberg 和 Elementor 编辑器之间进行切换。这使得你可以在两个编辑器之间无缝切换,充分利用两者的优势。

图片[8]-如何在 Gutenberg 中使用 Elementor Blocks 实现高级设计功能-光子波动网 | 专业WordPress修复服务,全球范围,快速响应

はんけつをくだす

Elementor Blocks for Gutenberg 插件为使用 WordPress 的用户提供了更大的灵活性,使他们能够将 Elementor 的强大功能集成到 Gutenberg 编辑器中,而无需离开编辑界面。借助这个插件,用户可以在 Gutenberg 中创建更加丰富和复杂的页面,同时保持 WordPress 的编辑便利性。

当你升级到 エレメンタル・プロ 时,不仅可以访问更多的高级设计功能,还可以与其他附属插件进行深度集成。例如,エレメンタル・プロ 提供了强大的主题构建器、动态内容和高级小部件,这些都可以通过 Elementor Blocks for Gutenberg 插件直接添加到你的 Gutenberg 页面中。


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス0 分かち合う
xiesong的头像-光子波动网 | 专业WordPress修复服务,全球范围,快速响应
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし