Gutenberg ブロックを拡張する上位 10 個の Gutenberg ブロック プラグイン

Gutenberg エディターに、WordPress の WYSIWYG コンテンツ作成のためのネイティブ ソリューションがついに追加されました。 ただし、コンテンツ ブロックが 30 個しかないため、リッチな投稿やページを作成する能力が制限される可能性があります。 そうは言っても、市場には新しいWordPress Gutenbergプラグインがたくさんあり、ライブラリにモジュールを追加してGutenberg Blocksを拡張できます.

ページ ビルダー プラグインを使用できるのに、なぜ Gutenberg ブロック プラグインが必要なのですか?

Gutenberg はネイティブ ソリューションですが、ページ ビルダーはサード パーティから提供されます。 ページ ビルダーには多くの便利な機能が備わっていますが、同時に非常に重くなります。 Gutenberg はネイティブの投稿/ページ エディターであるため、サイトに余分な負荷がかかることはありません。

現在、新しい Gutenberg ブロック プラグインは新しいブロックのみを提供します。 これにより、専用のページビルダーと比較してはるかに軽量になりますが、同様にリッチなレイアウトを作成するための同等のツールセットが提供されます.

トップ Gutenberg ブロック プラグイン

1.グーテンベルクブロック

ダウンロード

リストから始めると、Gutenberg Blocks WordPress プラグインがあります。 基本的に新しいWordPressエディターを強化する大規模なブロックライブラリが付属しています. それだけでなく、このプラグインを使用すると、Gutenberg とこのプラグインから得られる高度なブロックを使用して設計された 20 を超えるビルド済みの無料で使用できるスターター サイトにアクセスすることもできます。

プラグインをインストールすると、Astra WordPress テーマの使用も推奨されます。 無料で使用でき、このプラグインのブロックのみを使用して設計されています。 プラグインを有効にして Gutenberg を利用すると、フロントエンドのカスタマイズ サポートにアクセスでき、WooCommerce プラグイン、learnDash、および同様のプラグインとの緊密な統合が可能になります。

特徴：

• ウェブサイトのデザインに役立つ 20 以上の Gutenberg ブロックを追加します。
• 20 以上の事前構築済みのすぐに使用できる Web サイト テンプレートも提供します。
• Astra WordPress テーマを使用している場合、フロントエンドのカスタマイズからのオプションを有効にします。

そして、はるかに。

2.アトミックブロック

ダウンロード

次は Atomic Blocks WordPress プラグインです。 12 の新しい強力なデザイン ブロックをシステムに導入することで、Gutenberg ブロックを拡張するのに役立ちます。 価格設定ブロックから行動喚起ブロック、証言ブロックまで、追加のモジュールは機能豊富な Web サイトの作成に役立ちます。

また、ゼロから構築する必要がないように、プラグインの背後にある開発者は無料の Atomic Blocks テーマもまとめました. すべてのプラグイン ブロックはこのテーマで使用されるため、Gutenberg エディターを使用して簡単に調整できます。 より高度な機能を探している場合は、Revolution Pro と呼ばれるプレミアム テーマも利用できます。

特徴：

• 12 個の新しい Gutenberg 互換ブロックを Web サイトに追加します。
• 無料の WordPress テーマと互換性のある Blocks – Atomic Blocks Theme。
• プレミアム WordPress テーマ – Revolution Pro とも互換性があります。

そして、はるかに。

3.積み重ね可能

ダウンロード

Stackable WordPress プラグインは、機能豊富な Gutenberg 互換ブロックをサイトに導入します。 箱から出してすぐに使用でき、さまざまなブロックをすべて使用して、最初から強力なレイアウトを作成できます。

CMS にデザイン ブロックを追加するだけでなく、プラグインには無料の Stackable テーマも付属しています。 これにより、サイト構造のベースとなるプラットフォームが提供されます。 また、プラグインのプレミアム バージョンにアクセスして、よりプレミアムなレイアウト、CSS カスタマイザー、一連の高度なエフェクトにアクセスできます。

特徴：

• 23 のより強力なブロックを導入して、グーテンベルク ブロック リストを拡張します。
• 無料の Stackable WordPress テーマが付属しています。
• 50 を超えるプレミアム レイアウトへのアクセス。 (プレミアム)
• 一連の高度なエフェクトへのアクセス。 (プレミアム)
• CSS カスタマイザー。 (プレミアム)
• 将来的にさらに多くのブロックが追加される予定です。

4. Otter による Gutenberg ブロックとテンプレート ライブラリ

ダウンロード

すでに名前から推測できるように、ここに Otter による WordPress プラグインがあり、多数の Gutenberg ブロックと豊富なテンプレート ライブラリを Web サイトに導入します。 しかし、素晴らしい機能のコレクションにもかかわらず、プラグインは非常に軽量で、サイトへの負荷を最小限に抑えます.

サイトの UX と UI を充実させるだけでなく、複雑なレイアウトを作成できる便利なブロックのコレクションをサイトに導入します。 たとえば、Gutenberg を使用するだけで列を追加できるセクション ブロックにアクセスできます。

特徴：

• 12 個の便利なブロックを追加して、Gutenberg ブロックを拡張します。
• 強力なセクション ブロックを使用すると、ページ構造に列を追加できます。
• すぐに使えるテンプレートも多数用意されており、すばやくサイトを構築できます。

そして、はるかに。

5. コブロック

ダウンロード

CoBlocks WordPress プラグインは、ページ構築の目的に役立つブロックの革新的なコレクションを追加します。 言うまでもなく、ブロックは新しい Gutenberg エディターで使用でき、行と列を追加して Web サイトに独自のレイアウトを作成するのに役立ちます。 実際、Gutenberg ブロックを拡張するためのオプションと見なす代わりに。 本格的なページビルダーと見なすことができます.

独自のレイアウトを作成するのに役立つだけでなく、動的に生成されたコンテンツ エリアやレスポンシブ マージンとパディングをサイトに追加するためにも使用できます。 タイポグラフィのコントロールや色のカスタマイズなどに役立つ、便利なカスタマイズ オプションも多数含まれています。

特徴：

• ウェブサイトに 16 個の新しい Gutenberg 互換ブロックを追加します。
• 強力なサイトビルダー
• カスタム レイアウトを作成したり、コンテンツ領域のパディングやマージンを微調整したりできます。
• タイポグラフィと色を完全にカスタマイズできます。

そして、はるかに。

6. 高度なグーテンベルク

ダウンロード

Advanced Gutenberg は、デフォルトの Gutenberg エディターに欠けている余分で必要な設計ブロックをすべて追加して、プロ級の Web サイトを完全に作成できるようにします。 プラグインは、チームとして作業している場合、サイトのデザインをより適切に制御するために、ユーザー エディションのプロファイル構成も追加します。

このプラグインは、グーテンベルク エディターに 20 を超える特殊なブロックを追加します。これには、高度な画像ブロックやビデオ ブロックが含まれており、メディア コンテンツをより細かく制御できます。 カスタム CSS のサポートなど、基本的なカスタマイズ オプションも追加されています。

特徴：

• エディション プロファイルを作成し、これらのプロファイルにユーザーまたはユーザー グループを追加します。
• 各エディション プロファイルのブロック構成を選択するオプション。
• カスタム CSS スタイル。
• 21 個の高度なブロックで Gutenberg ブロックを拡張します。

そして、はるかに。

7.ブロックギャラリー

ダウンロード

Block Gallery は、WordPress Web サイト用の Gutenberg 互換のギャラリー ブロック スイートです。 このプラグインは、Web サイトで大量の画像ファイルを扱うユーザーに最適で、カスタムメイドのギャラリーでそれらをキュレートするのに役立ちます.

このプラグインは、Gutenberg のドラッグ アンド ドロップ ジェスチャと互換性のある必要なすべてのデザイン ブロックを組み込み、Web サイトに独自のギャラリーを作成するのに役立ちます。 しかし、そうは言っても、ギャラリーを設計するための Gutenberg ブロックにしかア​​クセスできず、それ以外には何もアクセスできません。

特徴：

• Masonry Gallery、Stacked Gallery、および Carousel Slider ブロックを追加して、Gutenberg ブロックを拡張します。
• さらに多くのブロックが進行中です。
• 豊富なカスタマイズオプション。
• すべてのブロックは完全に応答性が高く、モバイル フレンドリーです。

そして、はるかに。

8.究極のブロック

ダウンロード

Ultimate Blocksは、主に WordPress Block Editor プラグインで、Review、FAQ、HowTo スキーマの 3 種類のスキーマを提供します。 10,000 以上のアクティブなインストールと 5 つの星評価により、最も人気のある Gutenberg プラグインの 1 つと見なされています。

15 以上のカスタム Gutenberg ブロックがあります。 そのうちの 3 つはスキーマ対応です。 1 つ目はレビュー ブロックです。 WordPress の投稿やページに美しいレビュー ボックスを追加できます。 もう 1 つは、FAQ スキーマ オプションを備えた Content Toggle です。 また、プラグインには専用の HowTo スキーマ ブロックもあります。

特徴：

• 20 個のグーテンベルグ ブロックを提供します。
• 3 種類のスキーマ – レビュー、FAQ スキーマ、HowTo スキーマ。
• ブロックを有効/無効にします。
• SEOフレンドリー。
• 速度最適化。
• 完全無料

そして、はるかに。

9. Gutenberg のプレミアム ブロック

ダウンロード

Gutenberg のプレミアム ブロックを使用すると、パフォーマンス指向の Gutenberg ブロックの束にアクセスできます。 モジュール設計に従っており、使用していないブロックを自動的に無効にしてパフォーマンスを向上させます。

これに加えて、ウェブサイトがグローバルな視聴者向けである場合、すべてのブロックが翻訳対応で RTL 互換であるという事実を利用できます。 さらに、定期的なアップデートで新しいブロックがリリースされるため、設計オプションに迷うことはありません。

特徴：

• 12 個の新しい高度なブロックを追加して、Gutenberg ブロックを拡張します。
• モジュール設計アプローチに従います。
• パフォーマンスを向上させるために、使用されていないすべてのブロックが無効になります。
• RTL サポート。
• 翻訳準備完了。

10.EmbedPress

ダウンロード

Gutenberg ブロック プラグインのリストへの最後のエントリは、EmbedPress です。 Gutenberg 互換ブロックを使用して、WordPress Web サイトに Google サービスを埋め込むことができます。 インストールすると、URL リンクを貼り付けることができる新しいブロックが表示されます。 ブロックは、URL によって表されるコンテンツを自動的に認識し、それを Web サイトに埋め込みます。

現在のところ、Google マップ、YouTube 動画、ドキュメント、スプレッドシートなどの Google サービスでのみ動作します。 今後のアップデートで、より多くのサービスとの互換性が有効になり、Facebook の投稿や動画、さまざまな画像サイト、音楽 Web サイトでプラグインを使用できるようになります。

特徴：

• URL を使用してさまざまなコンテンツを埋め込むことができます。
• 現在、Google サービスのみと互換性があります。
• 今後のアップデートでより多くのサービスをサポートします。

結論は

これらは、Gutenberg Blocks を拡張するための 10 の最高の Gutenberg Blocks プラグインのおすすめです。 最も有望と思われるプラグインをお知らせください。また、これらのプラグインで Gutenberg を拡張して本格的なページ ビルダーとして使用することに興味がある場合は、お知らせください。

また、既存の WordPress 投稿を Gutenberg ブロックに変換する方法も学びたいと思うかもしれません。