9 ベスト WordPress ブロック エディター プラグイン (Gutenberg エディター)
公開: 2023-10-03WordPress ユーザーにとって、ブロック エディター (一般に Gutenberg ブロック エディターとして知られている) の導入は、WordPress のデフォルト エディターの扱い方に革命をもたらしました。
ブロックエディターが WordPress 5.0 に初めて導入された 2018 年以来、WordPress ユーザーの間で人気が高まっています。 これまでに 8,170 万件のアクティブなインストールがあり、2 億 7,320 万件の投稿が Gutenberg ブロック エディター* を使用して書かれています。
したがって、WordPress ブロックエディターの機能を強化するために、いくつかのプラグインが開発されました。 これらを使用すると、Web サイトを比類のない簡単に設計、カスタマイズ、最適化できます。 ただし、利用可能な膨大なプラグインの中から、どのプラグインが Web サイトに最適かを知る必要があります。
あなたの作業を楽にするために、トップのWordPressブロックエディタープラグインをリストしました。 これらのツールが WordPress のデフォルト エディターのエクスペリエンスを再定義し、ワークフローを向上させるのにどのように役立つかをご覧ください。
最適なブロック エディター プラグインを選択するための基準
Web サイトに最適なブロック エディター プラグインを選択すると、サイトの機能とユーザー エクスペリエンスに大きな影響を与える可能性があります。 選択する前に留意すべき重要な事実がいくつかあります。
- 互換性:プラグインが WordPress バージョンおよび Gutenberg エディターと互換性があることを確認してください。 古いプラグインや互換性のないプラグインは、エラーや競合を引き起こす可能性があります。
- レビューと評価: WordPress プラグイン リポジトリまたはその他の信頼できるソースでユーザーのレビューと評価を確認します。 これにより、実際のユーザーからブロック エディター プラグインの品質と信頼性についての洞察が得られます。
- サポート:優れた顧客サポートを提供する WordPress ブロック エディター プラグインを探してください。 問題が発生した場合にサポート フォーラム、ドキュメント、またはプラグイン開発者に連絡する方法があるかどうかを確認してください。
- アクティブな開発:アクティブに保守および更新されている WordPress ブロック エディター プラグインを選択します。 頻繁な更新は、開発者が問題に対処し、新しい機能を追加していることを示しています。
- セキュリティ:セキュリティは非常に重要です。 プラグインにセキュリティ脆弱性の履歴がないことを確認してください。 評判の良いプラグインはセキュリティ監査を受けます。
- パフォーマンスへの影響:プラグインが Web サイトの読み込み時間と全体的なパフォーマンスにどのような影響を与えるかを検討してください。 一部のプラグインは、サイトの速度を低下させる不必要な肥大化やスクリプトを追加する可能性があります。
- ドキュメント:適切なドキュメントがあると、プラグインのセットアップと構成が容易になります。 プラグイン開発者が明確で包括的なドキュメントを提供しているかどうかを確認してください。
- 統合: Web サイトで他のプラグインやツールを使用している場合は、WordPress ブロック エディター プラグインがそれらと適切に統合されているかどうかを確認してください。 他の重要なツールとの互換性が非常に重要であるためです。
こちらもお読みください:
WooCommerce ストア向け ShopEngine と Gutenberg の統合
トップのWordPressブロックエディタープラグイン
これまで以上に簡単かつ柔軟にすることができる、最高の Gutenberg ブロックをリストしました。 これらのトップの Gutenberg プラグインを統合することで、コンテンツ作成における創造的な可能性をさらに解き放ち、WordPress Web サイトの構築プロセスを合理化できます。 WordPress ブロックエディタープラグインのリストは次のとおりです。
Spectra – WordPress Gutenberg ブロック
Spectra は、クリエイティブで強力なブロックのコレクションを備えた Gutenberg エディターを強化する人気の WordPress ブロック エディター プラグインです。 これらのブロックを使用すると、コーディングなしで Gutenberg を使用して素晴らしい Web サイトを作成できます。 ニーズや好みに合わせて各ブロックの外観と機能をカスタマイズできます。 Spectra は、ワンクリックでインポートして編集できる、事前に設計されたテンプレートのライブラリも提供します。 パフォーマンスと速度が最適化されており、Web サイトが高速かつスムーズに読み込まれるようになります。 Spectra は無料で使用でき、より多くの機能とサポートを提供するプロ バージョンがあります。
主な特徴:
- パフォーマンスと速度のために最適化されています。
- 事前にデザインされたさまざまなテンプレートを提供します。
- Web デザインをプロフェッショナルにするのに役立ちます。
- グローバルなスタイリングのサポート
- 幅広いスターターテンプレートが付属しています。
利用可能なブロック:
- 容器
- 見出し
- 画像
- アイコン
- ボタン
- 情報ボックス
- アクションの呼び出し
- 秒読み
- 星の評価
- 秒読み
- マーケティングボタン
- アイコン一覧
- イメージギャラリー
- グーグルマップ
- インライン通知、タブ
- 分類リスト
- 価格表
- ポストブロック
- カウンターを追加する
- モーダルポップアップ
- ポストカルーセル
- ポストグリッド
- 投稿タイムライン
- インスタグラムフィード
- ブロッククォート
- ソーシャルシェア
- チーム
- お客様の声
- ニュースレターの登録
- ご提案フォーム
- よくある質問
- 方法
- レビュー
- 目次
積み重ね可能 – ページビルダー Gutenberg ブロック
Stackable は、ブロック エディター機能を補完する強力な WordPress プラグインで、ブロガー、販売者、デザイナー、Web プロフェッショナルにとって Web サイトの作成が簡単になります。 多様なニーズに対応する必須ブロックや特別なブロックを含む、テンプレートとブロック デザインを備えたデザイン ライブラリを提供します。 ページ ビルダーのようなデザイン オプション、応答性の高い編集、超高速のページ読み込みを備えた Stackable は、Web サイトのパフォーマンスを最適化します。 また、人気のあるツールとシームレスに統合し、ダイナミック コンテンツ、追加の統合、代理店ツール、モーション エフェクトなどのプレミアム機能を提供して、トップレベルの Web デザイン エクスペリエンスを実現します。
主な特徴:
- 複数のブロックレイアウトが含まれています。
- Flexbox コントロールが付属しています。
- ページの読み込み速度が高速になるように最適化されています。
- 重要なツールと統合します。
- モバイルデバイス向けのレスポンシブ画像読み込み。
利用可能なブロック:
- 高度な列
- 高度な見出し
- 高度なテキスト
- 高度なイメージ
- アイコン一覧
- ボタン
- アイコンボタン
- アイコンブロック
- カルーセル
- 水平スクロール
- タブ
- 秒読み
- タイムライン
- 目次
- 投稿
- 画像ボックス
- ビデオポップアップ
- プログレスサークル
- プログレスバー
- アコーディオン
- 地図
- アイコンラベル
- ソーシャルボタン
- カード
- カウントアップ
- ナンバーボックス
- 通知
- 展開/さらに表示
- セパレータ
- 字幕
- 価格
- ディバイダー
- スペーサー
Ultimate Blocks – Gutenberg ブロック プラグイン
リストの次は Ultimate Blocks です。これは、Gutenberg エディター用のカスタム ブロックのコレクションを追加する別のプラグインです。 Ultimate Blocks は、Gutenberg でより優れた魅力的なコンテンツを作成したいブロガーやマーケティング担当者に役立つブロックをさらに提供することで、Gutenberg エディターを強化することを目的としています。
この WordPress ブロック エディター プラグインには、ユーザーがコンテンツにさまざまな機能や要素を追加するのに役立ついくつかのブロックが含まれています。 ニーズや好みに合わせて各ブロックの外観と機能をカスタマイズできます。
主な特徴:
- ブロックは個別に有効/無効にすることができます。
- このプラグインは、SEO とスキーマ向けに高度に最適化されています。
- ブロガーやマーケティング担当者に適しています。
- スキーマ対応のレビューボックス
- コンテンツフィルターによるユーザーエンゲージメントを高める
- レスポンシブなタブ付きコンテンツ ボックスを作成する
- 画像スライダーを使って画像を美しく見せる
利用可能なブロック:
- クーポン
- コンテンツフィルター
- レビュー
- HowTo スキーマ
- 目次
- タブ付きコンテンツ
- アクションの呼び出し
- コンテンツの切り替え
- スタイル付きボックス
- スタイル付きリスト
- 拡大する
- お客様の声
- クリックしてツイートする
- ソーシャルシェア
- 秒読み
- プログレスバー
- ポストグリッド
- 星の評価
- 画像スライダー
- ボタン
- ディバイダー
ケイデンスブロック
Kadence Blocks は、コーディングなしで Web サイトを簡単に作成できるカスタム ブロックと機能を提供することで、WordPress ブロック エディターを強化します。 これにより、ユーザーはパフォーマンス、アクセシビリティ、拡張性を優先しながら、ページ ビルダー プラグインに似た素晴らしいコンテンツをデザインできるようになります。 Kadence ブロックには、行レイアウト、高度なギャラリー、フォーム、高度なテキスト、高度なボタン、タブ、アコーディオン、お客様の声、アイコン、スペーサーなどの多用途ブロックが含まれています。 この WordPress ブロック エディター プラグインの主な機能には、インテリジェントな読み込み、応答性の高いデザイン コントロール、タイポグラフィーと色のオプション、構成可能なデフォルト、表示コントロールの設定、および正確な間隔の調整が含まれており、美しい Web サイトを作成するための包括的なツールキットとなっています。
主な特徴:
- CSS または JS ファイルをインテリジェントにロードします。
- タブレットやモバイルデバイス向けの応答性の高いコントロール。
- 新しいブロックのデフォルト設定を構成可能。
- ユーザーに対するブロック設定の可視性を制御します。
- 900 以上の Google フォントを使用したタイポグラフィ コントロール。
利用可能なブロック:
- 行のレイアウト
- アドバンスギャラリー
- 形状
- 高度なテキスト
- 詳細ボタン
- タブ
- アコーディオン
- お客様の声
- アイコン
- スペーサー/ディバイダー
- 情報ボックス
- アイコン一覧
- 秒読み
- 投稿
- 目次
- ロッティアニメーション
Otter Blocks – Gutenberg ブロック、Gutenberg エディターおよび FSE 用のページ ビルダー
Otter は、23 を超える追加のブロック、パターン、表示条件、カスタム CSS、アニメーションなどを提供することで、WordPress ブロック エディター (Gutenberg) を強化する Gutenberg ブロック プラグインです。 これにより、ユーザーはカラー コントロール、タイポグラフィ調整、モバイル応答性などの機能を使用して Web サイトのスタイルを設定し、カスタマイズできるようになります。 さらに、Otter は、合理化されたデザインと機能のためのブロック条件、アニメーション、ポップアップ、グローバル デフォルトを提供します。 このプラグインには、セクション、見出し、ボタン、スライダー、アコーディオン、地図、カウントダウン、お問い合わせフォーム、紹介文、アイコンなど、さまざまな目的に対応した幅広いブロックが無料版とプロ版の両方で含まれており、継続的な更新により拡張されています。その能力。
主な特徴:
- Gutenberg 用の 23 以上の追加ブロック
- パターン集
- 可視条件
- カスタマイズ可能な CSS プロパティ
- アニメーションなど
- モバイル対応
利用可能なブロック:
- セクション
- 高度な見出し
- ボタングループ
- スライダー
- アコーディオン
- タブ
- 地図
- 秒読み
- お問い合わせフォーム
- 石積みギャラリー
- 投稿
- 製品レビュー
- サービス
- 価格セクション
- お客様の声
- 著者について
- アイコン
- アイコン一覧
- ロッティのアニメーション
- カートに追加
- 営業時間
- レビュー比較表
- ライブ検索
- プログレスバー
- 循環的な進捗状況
- フリップカード
- ポップアップ
- アイコンの共有
- 購読フォーム
基本ブロック – ページビルダー 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 テンプレート
利用可能なブロック:
- アコーディオン
- ボタン
- アクションの呼び出し
- 秒読み
- フリップボックス
- 情報ボックス
- 知らせ
- 価格表
- ソーシャルアイコン
- チームメンバー
- お客様の声
- プログレスバー
- インタラクティブプロモーション
- 画像比較
- ラッパー
- インスタグラムフィード
- イメージギャラリー
- 高度な見出し
- 視差スライダー
CoBlocks – ページビルダーの Gutenberg ブロック
CoBlocks は、Gutenberg ブロック エディター用に設計された WordPress ブロックの革新的なコレクションです。 追加のブロックと真の行/列構築機能により WordPress の編集エクスペリエンスが強化され、強力でありながら軽量なプラグインになります。 この WordPress ブロック エディター プラグインを使用すると、さまざまなブロック、タイポグラフィ コントロール、コンパニオン テーマを提供して、美しい Web ページを簡単に作成できます。 この WordPress ブロック エディター プラグインは開発者にとって使いやすく、Gutenberg ブロック作成の可能性を広げることを目的としています。
主な特徴:
- 画期的なページビルダーシステム
- カスタム タイポグラフィ コントロール
- 無料のコンパニオンテーマ
- グーテンベルクのブロックを超えて
- 開発者を念頭に置いて構築
- カスタムブロックパターンを登録する
利用可能なブロック:
- アコーディオン
- アラート
- 著者プロフィール
- カルーセル ギャラリー
- クリックしてツイートする
- コラージュギャラリー
- カウンター
- ダイナミックセパレータ
- イベント
- よくある質問
- 特徴
- ソーシャルシェアリング
- 食べ物と飲み物
- 形状
- GIF
- GitHub 要点
- ヒーロー
- ハイライト
- アイコン
- ロゴとバッジ
- 地図
- 石積みギャラリー
- メディアカード
- 積み上げギャラリー
- オフセットギャラリー
- オープンテーブル予約
- ポストカルーセル
- 投稿
- 価格表
- サイズ変更可能な行/列
- サービス
- シェイプディバイダー
- ソーシャルプロフィール
ジェネシスブロック
Genesis Blocks は、Web サイトのページを簡単に作成およびカスタマイズできるようにする、カスタマイズ可能なページ構成ブロックのコレクションを提供する Gutenberg ブロック エディターのプラグインです。 これには、セクション、コラム、ニュースレター、価格設定、お客様の声などのさまざまなブロックが含まれており、コンテンツ作成エクスペリエンスを強化します。 さらに、Core Buttons ブロックと統合され、高度な機能とより広範なレイアウト ライブラリを利用するには、Genesis Pro を購読できます。 さらに、Genesis Blocks は Google AMP をサポートし、モバイル サイトのパフォーマンスを向上させます。
主な特徴:
- 魅力的なコンテンツをより迅速に作成
- Gutenberg エディターを強化する
- Googleアンプのサポート
- 独自のセクションとレイアウトを保存して再利用
- 高度なブロックレベルのユーザー権限
- Genesis Framework へのアクセスとそのサポート
利用可能なブロック:
- セクションとレイアウト
- 高度な列
- ニュースレター
- 価格設定
- ポストグリッド
- 容器
- お客様の声
- インライン通知
- アコーディオン
- アイコンを共有する
- アクションの呼び出し
- スペーサー&ディバイダー
- 著者プロフィール
- ドロップキャップ
Gutentor – グーテンベルク ブロック
Gutentor は、強力な WordPress ページ構築プラグインで、Web ページを簡単にデザインできるエレガントなブロックの多様なコレクションで Gutenberg エディターを強化します。 コーディングの必要がなく、ユーザーは直感的なドラッグ アンド ドロップ機能を使用してプロフェッショナルな Web サイトを作成できます。 Gutentor は、動的な列、高度な要素、モジュール、投稿、ウィジェットなどの広範なカスタマイズ機能を提供します。
このプラグインは、100 を超える既製のテンプレートとブロック、ユーザーフレンドリーなインターフェイス、印象的なスライダーを提供します。 速度が最適化されており、使用されるブロックに合わせて縮小された CSS ファイルが生成され、サイトの迅速なパフォーマンスが保証されます。 Gutentor では、リソースの選択的読み込み、動的コンテンツの読み込み、Google フォントの最適化も可能で、速度と効率が向上したシームレスな Web サイト構築エクスペリエンスに貢献します。
主な特徴:
- 高度な機能を実現
- さまざまな美しいブロックが付属しています
- パフォーマンスを最適化
- 行と列の高度にカスタマイズ可能なオプション
- ワンクリックのデモ テンプレート ライブラリを備えています。
- 100 を超える既製のテンプレート
利用可能なブロック:
- 営業時間
- レストランメニュー
- 価格設定
- プログレスバー
- について
- アコーディオン
- 詳細リスト
- 著者プロフィール
- 役職
- アクションの呼び出し
- コンテンツ
- 秒読み
- カウンター
- 特徴
- ギャラリー
- グーグルマップ
- アイコン
- 画像
- 画像スライダー
- 通知
- ソーシャルリンク
- もっと見せる
- タブ
- チーム
- お客様の声
- タイムライン
- ビデオポップアップ
結論は
適切な WordPress ブロック エディター プラグインを見つけると、幅広いブロックとカスタマイズ オプションが提供されるため、Web サイト構築エクスペリエンスが大幅に向上します。 私たちは、WordPress ブロック エディター プラグインの主な機能、そのユーザー ベース、およびそれに付属するブロックを含めて、このリストを慎重に作成しました。
あなたにとって最適なプラグインは、最終的にはあなたの特定の要件と好みによって決まることに注意してください。 時間をかけてこれらのプラグインを調べ、機能をテストし、Web サイトの目標に合ったものを選択してください。 したがって、プラグインを適切に組み合わせることで、WordPress ブロックエディターの可能性を最大限に引き出すことができます。