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

グーテンベルク は、ブロック形式でコンテンツを作成・編集できるWordPress用のブロックエディタです。GutenbergでElementorのパワーを使えるようにするため、Elementorは新しいブロックエディタ"Gutenberg用Elementorブロック" はスタンドアローンのプラグインです。このプラグインによって、ユーザーは以下のことが可能になる。ElementorテンプレートをGutenbergブロックとしてコンテンツに追加するこれにより、より高度なデザインと機能性が可能になる。

この記事では、GutenbergでElementor Blocksを使用する方法と、このプラグインを使ってElementorのパワーをWordPressエディタに統合する方法について詳しく説明します。

Elementor Blocks for Gutenbergとは？

Elementor Blocks for Gutenbergは、Elementorのテンプレートをブロックとして直接Gutenbergエディタに挿入できるスタンドアロンのWordPressプラグインです。このプラグインを使うことで、WordPressエディタを離れることなくElementorに高度な機能を追加するコールトゥアクションボタン、購読フォーム、画像グリッドなど。記事やページは、Elementorが提供するデザインの柔軟性と機能性を享受しながら、Gutenbergエディタの下で編集し続けることができます。

Elementor Blocks for Gutenbergの動作条件

Elementor Blocks for Gutenbergプラグインを使用するには、以下の条件を満たす必要があります：

1. ワードプレスのバージョン要件WordPress 5.6以上
2. ElementorプラグインElementor プラグインがインストールされ、有効化されている必要があります。

Gutenberg 用 Elementor ブロックのインストールと有効化方法

以下は、Elementor Blocks for Gutenbergプラグインのインストールと有効化の詳しい手順です：

1. WP管理画面にログインするまず、WordPressのダッシュボードに管理者アカウントでログインします。
2. プラグインのページへ左側のメニューから"プラグイン">"新しいプラグインの追加".
3. 検索プラグイン検索バーに "elementor blocks for gutenberg "と入力してプラグインを検索してください。
4. プラグインのインストールプラグインが見つかったら、「今すぐインストール」ボタンをクリックしてください。

4. アクティベーションプラグインインストールが完了したら、"アクティブ化「ボタンをクリックしてプラグインを有効にします。

WordPressエディターにElementorブロックを追加する方法

以下はその手順です：

1. 新規ページ作成WP管理画面にログインし、"ウェブページ">"新しいページを追加".
2. ブロックの追加ページエディターで、ページ上部または段落エリアの +(ブロックアイコンを追加）。

3. エレメンタル・ブロックを選択するポップアップウィンドウで"エレメンタ・ライブラリ".これで保存されているすべてのElementorテンプレートが表示されます。

4. テンプレートの選択Elementor Libraryから既存のテンプレートを選択するか、ゼロから新しいテンプレートを作成します。

5. プレビュー・テンプレート: テンプレートを挿入する前に、右上のプレビューアイコンをクリックして、どのように見えるかをプレビューすることができます。
6. テンプレート挿入テンプレートを選択したらスティックをクリックして、Gutenbergエディタのコンテンツエリアにテンプレートを追加します。

GutenbergとElementorの切り替え

さらにカスタマイズしたいデザインと一緒にElementor Blocksを使いたい場合は、いつでも"GutenbergエディターとElementorエディターを切り替えるには、Elementor Editボタンを使用します。.これにより、2つのエディターをシームレスに切り替え、両方の利点を最大限に活用することができる。

はんけつをくだす

Elementor Blocks for Gutenbergプラグインは、WordPressで作業するユーザーに柔軟性を提供し、編集インターフェイスを離れることなくElementorのパワーをGutenbergエディタに統合できるようにします。このプラグインを使用することで、ユーザーはWordPressの編集の利便性を維持しながら、Gutenbergでよりリッチで複雑なページを作成することができます。

にアップグレードすると エレメンタル・プロ そうすれば、より高度なデザイン機能を利用できるだけでなく、他の依存プラグインとの深い統合も可能になります。例えばエレメンタル・プロ 強力なテーマビルダーを提供Elementor Blocks for Gutenbergプラグインを使えば、Gutenbergページに直接追加することができます。