WordPress ブロック エディター プラグイン ベスト 10 (Gutenberg エディター)

最高のWordPressブロックエディタープラグイン

WordPress ブロックエディターにより、コンテンツの編集が大幅に容易になりました。現在までに、Gutenberg エディタ* を使用して 2 億 5,860 万件の投稿が作成されました。

ただし、カスタマイズと最適化による十分なメリットはまだ提供されていません。ここで、WordPress ブロック エディター プラグインが活躍します。プラグインは、コンテンツを最適に作成および編集できるようにする広範なカスタマイズおよび最適化オプションを提供します。

言うまでもなく、すべての WordPress ブロック エディター プラグイン (WordPress Gutenberg エディターとも呼ばれます) は、同じように機能するわけではありません。サイトのデザイン、カスタマイズ、最適化の点で最高のエクスペリエンスを得るには、問題点に応じて最適なプラグインを選択する必要があります。

幸いなことに、この記事では、必要なプラグインを簡単に選択できるように、最適な WordPress ブロック エディターまたは Gutenberg プラグインをリストしました。

*ソース: 数字で見るグーテンベルク

最適な WordPress ブロック エディター プラグインを選択するための基準

Web サイトに最適なブロック エディター プラグインを選択すると、サイトの機能とユーザー エクスペリエンスに大きな影響を与える可能性があります。選択する前に留意すべき重要な事実がいくつかあります。

  • 互換性: プラグインが WordPress バージョンおよび Gutenberg エディターと互換性があることを確認してください。古いプラグインや互換性のないプラグインは、エラーや競合を引き起こす可能性があります。
  • レビューと評価: WordPress プラグイン リポジトリまたはその他の信頼できるソースでユーザーのレビューと評価を確認します。これにより、実際のユーザーからのブロック エディター WordPress プラグインの品質と信頼性に関する洞察が得られます。
  • サポート: 優れた顧客サポートを提供する WordPress ブロック エディター プラグインを探してください。問題が発生した場合にサポート フォーラム、ドキュメント、またはプラグイン開発者に連絡する方法があるかどうかを確認してください。
  • 積極的な開発: アクティブに保守および更新されている WordPress ブロック エディター プラグインを選択してください。頻繁な更新は、開発者が問題に対処し、新しい機能を追加していることを示しています。
  • 安全: セキュリティは重要です。プラグインにセキュリティ脆弱性の履歴がないことを確認してください。評判の良いプラグインはセキュリティ監査を受けます。
  • パフォーマンスへの影響: プラグインが Web サイトの読み込み時間と全体的なパフォーマンスにどのような影響を与えるかを考慮してください。一部のプラグインは、サイトの速度を低下させる不必要な肥大化やスクリプトを追加する可能性があります。
  • ドキュメンテーション: 適切なドキュメントがあれば、プラグインのセットアップと構成が容易になります。プラグイン開発者が明確で包括的なドキュメントを提供しているかどうかを確認してください。
  • 統合: Web サイトで他のプラグインやツールを使用している場合は、WordPress ブロック エディター プラグインがそれらと適切に統合されているかどうかを確認してください。他の重要なツールとの互換性が非常に重要であるためです。

こちらもお読みください:
WooCommerce ストア向け ShopEngine と Gutenberg の統合

最高のWordPressブロックエディタープラグインのリスト

ブロックエディタープラグインブロック数アクティブなインストール評価価格設定 (開始)
スペクトル 46600,000+4.71サイトあたり$59
ケイデンスブロック23400,000+4.8無制限のサイトの場合は$89
必須ブロック 54100,000+4.81サイトあたり$49
積み重ね可能 43100,000+4.91サイトあたり$49
究極のブロック2850,000+4.91サイトあたり$49
カワウソブロック27300,000+4.71サイトあたり$49
コブロック45400,000+4.4該当なし
ジェネシスブロック21100,000+4.0該当なし
グーテントール 5340,000+4.61サイトあたり$49

トップのWordPressブロックエディタープラグイン

以下にリストされている WordPress 用の最高のエディター プラグイン Gutenberg プラグインを統合することで、コンテンツ作成における創造的な可能性をさらに解き放ち、コンテンツ作成を効率化できます。 WordPress ウェブサイトを構築するプロセス。 WordPress ブロックエディタープラグインのリストは次のとおりです。

👉 GutenKit – Gutenberg 向けの究極のページ ビルダー ブロック

GutenKitはWordPressブロックエディタプラグインのリストの最新版であり、ElementorやDiviのようなページビルダーに期待できるすべての機能をGutenbergウェブサイトに提供します。 ドラッグ可能なコンテナの幅 機能を使用すると、マウス カーソルをドラッグするだけでカスタム セクションを調整し、ユニークなデザインを簡単に作成できます。 

GutenKitは真の フルサイト編集 (FSE) 互換性があれば、ページ レイアウトからヘッダー フッターに至るまで、Web サイトのあらゆるスペースを作成するためのデザイン要素とブロック パターンが用意されています。 GutenKit ブロック エディター プラグインの無料版では、次のことが可能になります。  37+ ブロックとモジュール 350+ 既製のデザイン。

出版社はまた、このWordPressブロックエディタプラグインのいくつかの優れた機能を提供することを約束しています。 メガメニュービルダー、視差効果、ガラスモーフィズム、スティッキーコンテンツ、変換モジュール、ブレッドクラム、Google マッププロ版では、その他多くの機能をご利用いただけます。 

主な特徴:

  • 35 以上の強力なブロック要素。
  • FSE は、Gutenberg インターフェイスをシームレスに統合します。
  • メガメニュービルダー
  • 100% は応答性が高く、カスタマイズ可能です。
  • 3000 以上のインライン アイコンが含まれるアイコン パック。
  • 45以上のモーションアニメーション。
  • ドラッグ可能なコンテナの幅。

👉 Spectra – WordPress Gutenberg ブロック 

Spectra ブロック エディター プラグイン

Spectra は、クリエイティブで強力なブロックのコレクションを備えた Gutenberg エディターを強化する人気の WordPress ブロック エディター プラグインです。これらのブロックを使用すると、コーディングなしで Gutenberg を使用して素晴らしい Web サイトを作成できます。

ニーズや好みに合わせて各ブロックの外観と機能をカスタマイズできます。 Spectra は、ワンクリックでインポートして編集できる、事前に設計されたテンプレートのライブラリも提供します。

パフォーマンスと速度が最適化されており、Web サイトが高速かつスムーズに読み込まれるようになります。 Spectra は無料で使用でき、より多くの機能とサポートを提供するプロ バージョンがあります。 

主な特徴:

  • パフォーマンスと速度のために最適化されています。
  • 事前にデザインされたさまざまなテンプレートを提供します。
  • Web デザインをプロフェッショナルにするのに役立ちます。
  • グローバルなスタイリングのサポート
  • 幅広いスターターテンプレートが付属しています。

ブロック数: 46

利用可能なブロック:

  • 容器
  • 見出し
  • 画像
  • アイコン
  • ボタン
  • 情報ボックス
  • アクションの呼び出し
  • 秒読み
  • 星の評価
  • 秒読み
  • マーケティングボタン
  • アイコン一覧
  • イメージギャラリー
  • グーグルマップ
  • インライン通知、タブ
  • 分類リスト
  • 価格表
  • ポストブロック
  • カウンターを追加する
  • モーダルポップアップ
  • ポストカルーセル
  • ポストグリッド
  • 投稿タイムライン
  • インスタグラムフィード
  • ブロッククォート
  • ソーシャルシェア
  • チーム
  • お客様の声
  • ニュースレターの登録
  • ご提案フォーム
  •  よくある質問
  • 方法
  • レビュー
  • 目次

👉 ケイデンスブロック

Kadence ブロックエディタープラグイン

Kadence Blocks は、コーディングなしで Web サイトを簡単に作成できるカスタム ブロックと機能を提供することで、WordPress ブロック エディターを強化します。これにより、ユーザーはパフォーマンス、アクセシビリティ、拡張性を優先しながら、ページ ビルダー プラグインに似た素晴らしいコンテンツをデザインできるようになります。

Kadence ブロックには、行レイアウト、高度なギャラリー、フォーム、高度なテキスト、高度なボタン、タブ、アコーディオン、お客様の声、アイコン、スペーサーなどの多用途ブロックが含まれています。

この WordPress ブロック エディター プラグインの主な機能には、インテリジェントな読み込み、応答性の高いデザイン コントロール、タイポグラフィーと色のオプション、構成可能なデフォルト、表示コントロールの設定、および正確な間隔の調整が含まれており、美しい Web サイトを作成するための包括的なツールキットとなっています。

主な特徴:

  • CSS または JS ファイルをインテリジェントにロードします。
  • タブレットやモバイルデバイス向けの応答性の高いコントロール。
  • 新しいブロックのデフォルト設定を構成可能。
  • ユーザーに対するブロック設定の可視性を制御します。
  • 900 以上の Google フォントを使用したタイポグラフィ コントロール。

ブロック数: 23

利用可能なブロック:

  • 行のレイアウト
  • アドバンスギャラリー
  • 形状
  • 高度なテキスト
  • 詳細ボタン
  • タブ
  • アコーディオン
  • お客様の声
  • アイコン
  • スペーサー/ディバイダー 
  • 情報ボックス
  • アイコン一覧
  • 秒読み
  • 投稿
  • 目次 
  • ロッティアニメーション

👉 基本ブロック – ページビルダー Gutenberg ブロック、パターン、テンプレート

必須のブロックエディタープラグイン

Essential Blocks for Gutenberg も人気のある WordPress ブロック エディター プラグインで、Gutenberg の編集エクスペリエンスを向上させるための 50 以上のユニークなブロックを提供します。

完全なカスタマイズ オプション、グローバル ブロック コントロール、超高速読み込み、モジュラー ブロック管理、Google Fonts 互換性、レスポンシブ デザイン、高度なアニメーションなどの機能を備えた、優れた Web ページをデザインするための多用途ツールです。

さらに、ダイナミック タグ、ACF (Advanced Custom Fields)、すぐに使用できるブロック パターンをサポートし、2,000 を超える Gutenberg テンプレートへのアクセスを提供します。 Essential Blocks を使用すると、専門家のサポートと無料ブロックとプレミアム ブロックの両方を利用して、さまざまな分野や機能にまたがる素晴らしい Web サイトを簡単に作成できます。

主な特徴:

  • 完全にカスタマイズ可能
  • グローバル制御をブロックします
  • 軽量かつ瞬時にロード可能
  • ブロックモジュラー制御
  • 資産再生
  • Googleフォントとの互換性
  • すべてのデバイスでレスポンシブ対応
  • 高度なアニメーション機能
  • 動的タグと ACF のサポート
  • 準備ができた Gutenberg ブロック パターン
  • 素晴らしい Gutenberg テンプレート

ブロック数: 54

利用可能なブロック:

  • アコーディオン
  • ボタン 
  • アクションの呼び出し
  • 秒読み 
  • フリップボックス
  • 情報ボックス
  • 知らせ
  • 価格表
  • ソーシャルアイコン 
  • チームメンバー
  • お客様の声
  • プログレスバー
  • インタラクティブプロモーション
  • 画像比較
  • ラッパー
  • インスタグラムフィード
  • イメージギャラリー
  • 高度な見出し 
  • 視差スライダー

👉 積み重ね可能 – ページビルダー Gutenberg ブロック

スタック可能なブロックエディタープラグイン

Stackable は、ブロック エディター機能を補完する強力な WordPress プラグインで、ブロガー、販売者、デザイナー、Web プロフェッショナルにとって Web サイトの作成が簡単になります。さまざまなニーズに対応する必須ブロックや特別なブロックを含む、テンプレートとブロック デザインを備えたデザイン ライブラリを提供します。

ページ ビルダーのようなデザイン オプション、応答性の高い編集、超高速のページ読み込みを備えた Stackable は、Web サイトのパフォーマンスを最適化します。

また、人気のあるツールとシームレスに統合し、ダイナミック コンテンツ、追加の統合、代理店ツール、モーション エフェクトなどのプレミアム機能を提供して、トップレベルの Web デザイン エクスペリエンスを実現します。

主な特徴:

  • 複数のブロックレイアウトが含まれています。
  • Flexbox コントロールが付属しています。
  • ページの読み込み速度が高速になるように最適化されています。
  • 重要なツールと統合します。
  • モバイルデバイス向けのレスポンシブ画像読み込み。

ブロック数: 43

利用可能なブロック:

  • 高度な列
  • 高度な見出し
  • 高度なテキスト
  • 高度なイメージ
  • アイコン一覧
  • ボタン
  • アイコンボタン
  • アイコンブロック
  • カルーセル
  • 水平スクロール
  • タブ
  • 秒読み
  • タイムライン
  • 目次
  • 投稿
  • 画像ボックス
  • ビデオポップアップ
  • プログレスサークル
  • プログレスバー
  • アコーディオン
  • 地図
  • アイコンラベル
  • ソーシャルボタン
  • カード
  • カウントアップ
  • ナンバーボックス
  • 通知
  • 展開/さらに表示
  • セパレータ
  • 字幕
  • 価格
  • ディバイダー
  • スペーサー

👉 Ultimate Blocks – Gutenberg ブロック プラグイン

Ultimate ブロック Gutenberg エディター プラグイン

リストの次は Ultimate Blocks です。これは、Gutenberg エディター用のカスタム ブロックのコレクションを追加する別のプラグインです。

Ultimate Blocks は、Gutenberg でより優れた魅力的なコンテンツを作成したいブロガーやマーケティング担当者に役立つブロックをさらに提供することで、Gutenberg エディターを強化することを目的としています。 

この WordPress ブロック エディター プラグインには、ユーザーがコンテンツにさまざまな機能や要素を追加するのに役立ついくつかのブロックが含まれています。ニーズや好みに合わせて各ブロックの外観と機能をカスタマイズできます。

主な特徴:

  • ブロックは個別に有効/無効にすることができます。
  • このプラグインは、SEO とスキーマ向けに高度に最適化されています。
  • ブロガーやマーケティング担当者に適しています。
  • スキーマ対応のレビューボックス
  • コンテンツフィルターによるユーザーエンゲージメントを高める
  • レスポンシブなタブ付きコンテンツ ボックスを作成する
  • 画像スライダーを使って画像を美しく見せる

ブロック数: 28

利用可能なブロック:

  • クーポン
  • コンテンツフィルター
  • レビュー
  • HowTo スキーマ
  • 目次
  • タブ付きコンテンツ
  • アクションの呼び出し
  • コンテンツの切り替え
  • スタイル付きボックス
  • スタイル付きリスト
  • 拡大する
  • お客様の声
  • クリックしてツイートする
  • ソーシャルシェア
  • 秒読み
  • プログレスバー
  • ポストグリッド
  • 星の評価
  • 画像スライダー
  • ボタン
  • ディバイダー

👉 Otter Blocks – Gutenberg ブロック、Gutenberg エディターおよび FSE 用のページ ビルダー

Otter ブロックエディタープラグイン

Otter は、23 を超える追加のブロック、パターン、表示条件、カスタム CSS、アニメーションなどを提供することで、WordPress ブロック エディター (Gutenberg) を強化する Gutenberg ブロック プラグインです。

これにより、ユーザーはカラー コントロール、タイポグラフィ調整、モバイル応答性などの機能を使用して Web サイトのスタイルを設定し、カスタマイズできるようになります。さらに、Otter は、合理化されたデザインと機能のためのブロック条件、アニメーション、ポップアップ、グローバル デフォルトを提供します。

このプラグインには、セクション、見出し、ボタン、スライダー、アコーディオン、地図、カウントダウン、お問い合わせフォーム、紹介文、アイコンなど、さまざまな目的に対応した幅広いブロックが無料版とプロ版の両方で含まれており、継続的な更新により拡張されています。その能力。

主な特徴:

  • Gutenberg 用の 23 以上の追加ブロック
  • パターン集
  • 可視条件
  • カスタマイズ可能な CSS プロパティ 
  • アニメーションなど
  • モバイル対応

ブロック数: 27

利用可能なブロック:

  • セクション
  • 高度な見出し
  • ボタングループ
  • スライダー
  • アコーディオン
  • タブ
  • 地図
  • 秒読み
  • お問い合わせフォーム
  • 石積みギャラリー
  • 投稿
  • 製品レビュー
  • サービス
  • 価格セクション
  • お客様の声
  • 著者について
  • アイコン
  • アイコン一覧
  • ロッティのアニメーション
  • カートに追加
  • 営業時間
  • レビュー比較表 
  • ライブ検索 
  • プログレスバー
  • 循環的な進捗状況
  • フリップカード 
  • ポップアップ 
  • アイコンの共有
  • 購読フォーム

👉 CoBlocks – ページビルダーの Gutenberg ブロック

CoBlocks Gutenberg エディター プラグイン

CoBlocks は、Gutenberg ブロック エディター用に設計された WordPress ブロックの革新的なコレクションです。追加のブロックと真の行/列構築機能により WordPress の編集エクスペリエンスが強化され、強力でありながら軽量なプラグインになります。

この WordPress ブロック エディター プラグインを使用すると、さまざまなブロック、タイポグラフィ コントロール、コンパニオン テーマを提供して、美しい Web ページを簡単に作成できます。この WordPress ブロック エディター プラグインは開発者にとって使いやすく、Gutenberg ブロック作成の可能性を広げることを目的としています。

主な特徴:

  • 画期的なページビルダーシステム
  • カスタム タイポグラフィ コントロール
  • 無料のコンパニオンテーマ
  • グーテンベルクのブロックを超えて
  • 開発者を念頭に置いて構築
  • カスタムブロックパターンを登録する

ブロック数: 45

利用可能なブロック:

  • アコーディオン
  • アラート
  • 著者プロフィール
  • カルーセル ギャラリー
  • クリックしてツイートする
  • コラージュギャラリー 
  • カウンター 
  • ダイナミックセパレータ
  • イベント 
  • よくある質問 
  • 特徴
  • ソーシャルシェアリング
  • 食べ物と飲み物 
  • 形状 
  • GIF 
  • GitHub 要点 
  • ヒーロー 
  • ハイライト 
  • アイコン 
  • ロゴとバッジ 
  • 地図 
  • 石積みギャラリー 
  • メディアカード
  • 積み上げギャラリー
  • オフセットギャラリー
  • オープンテーブル予約 
  • ポストカルーセル 
  • 投稿 
  • 価格表 
  • サイズ変更可能な行/列 
  • サービス 
  • シェイプディバイダー 
  • ソーシャルプロフィール 

👉 ジェネシスブロック

Genesisブロックエディタプラグイン

Genesis Blocks は、Web サイトのページを簡単に作成およびカスタマイズできるようにする、カスタマイズ可能なページ構成ブロックのコレクションを提供する Gutenberg ブロック エディターのプラグインです。

これには、セクション、コラム、ニュースレター、価格設定、お客様の声などのさまざまなブロックが含まれており、コンテンツ作成エクスペリエンスを強化します。

さらに、Genesis ブロック プラグインは Core Buttons ブロックと統合されるようになり、高度な機能とより広範なレイアウト ライブラリを利用するには、Genesis Pro を購読できます。さらに、Genesis Blocks は Google AMP をサポートし、モバイル サイトのパフォーマンスを向上させます。

主な特徴:

  • 魅力的なコンテンツをより迅速に作成
  • Gutenberg エディターを強化する
  • Googleアンプのサポート
  • 独自のセクションとレイアウトを保存して再利用
  • 高度なブロックレベルのユーザー権限
  • Genesis Framework へのアクセスとそのサポート

ブロック数: 21

利用可能なブロック:

  • セクションとレイアウト 
  • 高度な列 
  • ニュースレター 
  • 価格設定 
  • ポストグリッド
  • 容器 
  • お客様の声 
  • インライン通知 
  • アコーディオン 
  • アイコンを共有する
  • アクションの呼び出し 
  • スペーサー&ディバイダー 
  • 著者プロフィール 
  • ドロップキャップ

👉 Gutentor – グーテンベルク ブロック

Gutentor ブロックエディタープラグイン

Gutentor は、強力な WordPress ページ構築プラグインで、Web ページを簡単にデザインできるエレガントなブロックの多様なコレクションで Gutenberg エディターを強化します。コーディングの必要がなく、ユーザーは直感的なドラッグ アンド ドロップ機能を使用してプロフェッショナルな Web サイトを作成できます。

Gutentor は、動的な列、高度な要素、モジュール、投稿、ウィジェットなどの広範なカスタマイズ機能を提供します。このプラグインは、100 を超える既製のテンプレートとブロック、ユーザーフレンドリーなインターフェイス、印象的なスライダーを提供します。

速度が最適化されており、使用されるブロックに合わせて縮小された CSS ファイルが生成され、サイトの迅速なパフォーマンスが保証されます。 Gutentor では、リソースの選択的読み込み、動的コンテンツの読み込み、Google フォントの最適化も可能で、速度と効率が向上したシームレスな Web サイト構築エクスペリエンスに貢献します。

主な特徴:

  • 高度な機能を実現
  • さまざまな美しいブロックが付属しています
  • パフォーマンスを最適化
  • 行と列の高度にカスタマイズ可能なオプション
  • ワンクリックのデモ テンプレート ライブラリを備えています。
  • 100 を超える既製のテンプレート

ブロック数: 63

利用可能なブロック:

  • 営業時間 
  • レストランメニュー 
  • 価格設定 
  • プログレスバー 
  • について 
  • アコーディオン 
  • 詳細リスト 
  • 著者プロフィール 
  • 役職
  • アクションの呼び出し 
  • コンテンツ 
  • 秒読み 
  • カウンター 
  • 特徴 
  • ギャラリー 
  • グーグルマップ 
  • アイコン 
  • 画像
  • 画像スライダー 
  • 通知 
  • ソーシャルリンク 
  • もっと見せる 
  • タブ 
  • チーム 
  • お客様の声 
  • タイムライン 
  • ビデオポップアップ

結論は

私たちは、WordPress ブロック エディター プラグインの主な機能、そのユーザー ベース、およびそれに付属するブロックを含めて、このリストを慎重に作成しました。

時間をかけてこれらの WordPress Gutenberg プラグインを調べ、機能をテストし、Web サイトの目標に合ったものを選択してください。したがって、プラグインを適切に組み合わせることで、WordPress プラグインの最高のブロックエディターの可能性を最大限に引き出すことができます。

最後に、間もなく「Gutenkit」と呼ばれる WordPress ページビルダーをリリースする予定であることを共有させてください。ページビルダープラグインに関する定期的なニュースや最新情報を入手するには、連絡を取り続けてください。

コメント

  1. […] 6.4 リリースでは、Gutenberg ブロック エディター、テーマ、テンプレートなどを考慮すると、さまざまなセクションに目を見張るような機能と変更が加えられています。

コメントを残す

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