Elementor Blocksを使ってGutenbergに高度なデザイン機能を実装する方法

Elementor Blocksを使ってGutenbergに高度なデザイン機能を実装する方法

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

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

Elementor Blocks for Gutenbergとは?

Elementor Blocksを使って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. プラグインのインストールプラグインが見つかったら、「今すぐインストール」ボタンをクリックしてください。
Elementor Blocksを使ってGutenbergに高度なデザイン機能を実装する方法
  1. アクティベーション・プラグインインストールが完了したら、"アクティブ化「ボタンをクリックしてプラグインを有効にします。

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

以下はその手順である:

  1. 新しいページを作成するWP管理画面にログインし、"ウェブページ">"新しいページを追加する".
  2. ブロックの追加ページエディターで、ページ上部または段落エリアの +(ブロックアイコンを追加)。
Elementor Blocksを使ってGutenbergに高度なデザイン機能を実装する方法
  1. エレメンタル・ブロックを選択するポップアップウィンドウで"エレメンタ・ライブラリ".これで保存されているすべてのElementorテンプレートが表示されます。
Elementor Blocksを使ってGutenbergに高度なデザイン機能を実装する方法
  1. テンプレートを選択するElementor Libraryから既存のテンプレートを選択するか、ゼロから新しいテンプレートを作成します。
Elementor Blocksを使ってGutenbergに高度なデザイン機能を実装する方法
  1. プレビュー・テンプレート: テンプレートを挿入する前に、右上のプレビューアイコンをクリックして、どのように見えるかをプレビューすることができます。
  2. テンプレート挿入テンプレートを選択したらスティックをクリックして、Gutenbergエディタのコンテンツエリアにテンプレートを追加します。
Elementor Blocksを使ってGutenbergに高度なデザイン機能を実装する方法

GutenbergとElementorの切り替え

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

Elementor Blocksを使ってGutenbergに高度なデザイン機能を実装する方法

評決を下す

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

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


お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間:月~金、9:30~18:30、祝日休み
投稿者:photon fluctuations、リツイート(帰属表示付き):https://www.361sale.com/ja/18145/

好き (2)
前へ 2024年8月30日 16:12
次のページ 2024年8月30日午後8時6分

おすすめ

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

お問い合わせ

020-2206-9892

QQ咨询:1025174874

Eメール:info@361sale.com

勤務時間:月~金、9:30~18:30、祝日休み

カスタマーサービス WeChat
グローバルユーザー登録およびログインを容易にするため、電話によるログイン機能を停止いたしました。ログインに問題が発生した場合は、カスタマーサービスまでご連絡ください。