WordPress向けのベストGutenbergブロックプラグイン15選(非常に便利)

Gutenbergブロックエディターはしっかりとした基盤を持っていますが、真にユニークで魅力的なウェブサイトを作成するという点では、基本的なブロックでは不十分だと感じるかもしれません。

幸いなことに、Gutenbergエディターを強化するために設計されたWordPressプラグインは数え切れないほどあります。WPBeginnerでは、これらを使用して問い合わせフォーム、バナー、目次を追加しています。

デフォルトのエディターにはない機能やデザインを提供する他のGutenbergブロックプラグインを見つけるために調査しました。これらのツールは、ウェブサイトをより効果的にカスタマイズするのに役立ちます。

この記事では、WordPress向けの最高のGutenbergブロックプラグインのいくつかをいくつか紹介します。

これらのプラグインは、編集エクスペリエンスを向上させ、コンテンツ作成プロセスをよりスムーズで柔軟にします。

WordPressのブロックプラグインでブロックエディターを拡張する

おすすめのGutenbergブロックプラグインの概要

お急ぎの場合は、最高のGutenbergブロックプラグインの簡単な概要を以下に示します。

#プラグイン最適価格
🥇WPFormsフォーム作成ブロック$39.50/年(無料版あり)
🥈Genesis Blocksデザインカスタマイズブロック無料
🥉All in One SEOブロックエディター向けのSEO最適化ブロック年間 $49.60 (無料版あり)
4️⃣Smash Balloonソーシャルメディアフィード用のブロック年間49ドル、または全機能アクセスで年間299ドル
5️⃣OptinMonsterリードジェネレーションブロック月額$9.97
6️⃣WPコールボタンクリック・トゥ・コールボタン無料
7️⃣Spectraブロックのカスタマイズ$49/年(無料プランあり)
8️⃣Envira Galleryブロックを使ったギャラリーの追加$39.50/年(無料版あり)
9️⃣Kadence Blocksブロックコレクションプラグイン年間 $149 (無料プランあり)
🔟Otter Blocks追加ブロック$49/年(無料プランあり)

WordPressでブロックエディタを使用する理由

何年にもわたってWordPressサイトを作成してきた方なら、ブロックエディターはクラシックエディターから大きな変化だと感じるでしょう。

一部のユーザーはブロックエディターを無効にして、クラシックエディターを使い続けることを選択しています。しかし、ブロックエディターの使用をお勧めします。多くの貴重な機能を提供し、より使いやすいです。

ブロックエディターを使用すると、クラシックエディターでは不可能な要素を投稿やページに追加できます。

例えば、HTMLコードを書かずに、投稿にテーブルを追加したり、行動喚起ボタンを追加したりできます。

最も役立つ時間を節約できるデフォルトのWordPressブロック7選

ブロックエディターには、すべての種類のコンテンツ要素に対応する組み込みブロックがすでに含まれています。

これらのブロックにより、テーブル、ギャラリー、ボタンなどの一般的な要素を簡単に追加できます。WordPressの古いバージョンでは、これらの一般的なWeb要素を追加するためにプラグインをインストールする必要がありました。

ここに、すぐに使用できる非常に便利なデフォルトのWordPress Gutenbergブロックをいくつか紹介します。

  • ボタンブロック: これにより、WordPressのページや記事にCTA(コールトゥアクション)ボタンを追加できます。
  • メディア & テキストブロック: これにより、画像とテキストを並べて追加できます。以前のクラシックエディターでこれを行うのは、初心者にとっては混乱する作業でした。
  • カバーブロック:投稿やページに素晴らしいカバー画像を追加できます。カバー画像とアイキャッチ画像の違いについては、ガイドをご覧ください。カバー画像とアイキャッチ画像
  • テーブルブロック:これにより、WordPressの投稿やページに基本的なテーブルを簡単に作成できます。検索、並べ替え、並べ替え機能を備えた高度なテーブルについては、引き続き無料のTablePressプラグインをお勧めします。
  • 埋め込みブロック:ブロックエディターには、人気のウェブサイト向けの埋め込みブロックが多数含まれています。これらを使用して、ツイート、YouTube動画などを簡単に埋め込むことができます。
  • カラムブロック:ブログ投稿やページに複数カラムのレイアウトを簡単に作成できます。
  • ショートコードブロック:これにより、WordPressの投稿やページにショートコードを簡単に追加できます。これは、ブロックエディターがショートコードを提供するプラグインと完全に互換性があることを意味します。

これら以外にも、プラグインを使用せずに探索して試すことができる多くのブロックがあります。

私たちのチュートリアルに従えば、WordPressで独自のカスタムブロックを作成することさえできます。

ブロックエディタを使用すると、ブロックパターンにもアクセスできます。これらは、コンテンツ全体を追加できる事前設定済みのブロックセットであり、コンテンツ作成をより迅速かつ効率的にします。

それでは、WordPressプラグインが提供する最高のWordPressブロックのいくつかを見てみましょう。これらのプラグインは、新しいブロックを追加するだけで、デフォルトのWordPressエディターの機能を拡張できます。

Gutenbergブロックプラグインのテストとレビュー方法

Gutenbergブロックプラグインをテストおよびレビューする際、私たちは実際の使いやすさに焦点を当てました。私たちの目標は、不要な複雑さを追加することなく、ウェブサイトのカスタマイズを容易にするツールを見つけることでした。

以下にその方法を示します:

  • インストールとセットアップ: プラグインのインストールと有効化の容易さを確認しました。また、インターフェースが初心者向けかどうかをテストしました。
  • ブロックの種類と機能:プラグインに含まれるブロックを調査し、デフォルトのエディターにはないユニークなデザインと機能を提供しているかを確認しました。
  • パフォーマンスへの影響:プラグインがサイトを遅くするかどうかを評価しました。サイトが遅いと、検索エンジンのランキングに悪影響を与えたり、訪問者をイライラさせたりする可能性があるため、速度のために最適化されたプラグインのみを推奨します。
  • 互換性人気のプラグイン、テーマ、最新の WordPress バージョンと連携するかどうかを確認しました。
  • サポートとアップデート: 優れたプラグインは、定期的なアップデートと信頼できるカスタマーサポートを備えている必要があります。プラグインのサポートフォーラムとドキュメントを確認しました。

このプロセスに従うことで、強力で使いやすく、サイトの速度を低下させないGutenbergブロックプラグインのみを推奨するようにしています。

あなたのWordPressサイトに最適なGutenbergブロックプラグイン

市場には2種類のWordPressブロックプラグインがあります。両方を取り上げます。

  1. 単一目的ブロックプラグイン
  2. Gutenbergブロックライブラリ

単一目的のプラグインは、主に人気のあるWordPressプラグインです。それらの多くは市場に長く存在しています。それらは1つの特定の機能に特化しており、通常はWordPressにコンテンツを追加するための強力なブロックを提供します。

例えば、WPForms は、WordPress で強力なフォームを作成するための人気の WordPress フォームプラグイン です。WordPress ブロックを提供しており、お問い合わせフォーム、アンケート、注文フォーム、決済フォームなどを投稿やページに追加できます。

WPFormsブロックの追加

一方で、多くの異なるコンテンツ要素を1つのプラグインにまとめたブロックコレクションプラグインもあります。

例えば、Genesis Pro は、16個の追加プレミアムブロックを提供します。これらには、価格表ブロック、お客様の声ブロック、プロフィールボックスブロックなどが含まれます。

単一目的ブロックプラグイン対ブロックライブラリプラグイン

オプションがわかったところで、どちらのタイプが自分に適しているか疑問に思うかもしれません。決定に役立つ主な違いを以下に示します。

単一目的ブロックプラグイン

  • これらは、お問い合わせフォームやソーシャルメディアフィードのような、特定の機能を1つ追加します。
  • それらは、その一つの目的のために最も強力な機能と設定を提供します。
  • 特定のツールが完全に機能する必要がある場合に、しばしば最良の選択肢となります。

ブロックライブラリプラグイン

  • これらのプラグインは、多くの異なるブロックを単一のパッケージにバンドルします。
  • ブロックは便利ですが、単一目的のプラグインほど強力ではない場合があります。
  • 使用しない可能性のあるブロックでエディタが散らかる可能性があります。

WPBeginnerを信頼する理由

WPBeginnerでは、長年にわたりWordPressユーザーを支援してきました。私たちは単なるレビュアーではありません。私たちは自身のサイトでGutenbergブロックプラグインを積極的に使用しています。

これは、私たちの推奨が実際の経験に基づいていることを意味します。

例えば、バナーやポップアップを追加するためにOptinMonsterのブロック、お問い合わせフォームや年次アンケートのためにWPForms、記事に目次ブロックを追加するためにAIOSEOを使用しています。

当社のチームは、使いやすさ、パフォーマンス、信頼性に焦点を当ててプラグインを注意深くテストしており、自身が信頼して使用しているツールのみを推奨しています。詳細については、当社の編集プロセスをご覧ください。

それでは、最高のWordPress Gutenbergブロックプラグインを見てみましょう。

1. WPForms – WordPressフォームに最適なGutenbergブロック

WPForms

WPFormsは、市場で最もユーザーフレンドリーなWordPressフォームプラグインです。簡単な問い合わせフォームから、インタラクティブなアンケート、調査、注文フォームなど、より強力なフォームまで、WordPressサイトで簡単に作成できます。

WPFormsは、WordPressフォームを投稿やページに追加するためのブロックを提供します。

WPBeginnerでは、このブロックを数え切れないほど使用して、ウェブサイトに問い合わせフォームや年次アンケートフォームを追加してきました。フォームの作成からページへの追加までの全プロセスがシームレスでした。

詳細については、WPFormsの詳細レビューをご覧ください。

WPFormsブロック

WPFormsを使用すると、アンケート、お問い合わせ、メールサインアップ、ログインフォームなど、さまざまなフォームを作成できます。

フォームはブロックエディタ内で完全にカスタマイズすることもできます。ブロックを使用してフォームを追加し、画面右側のブロックパネルを開くだけです。

ここで、「テーマ」セクションまで下にスクロールして、40以上の既製テーマのライブラリからデザインを選択できます。これにより、すぐに美しいフォームの外観が得られます。

フォームのテーマを選択

StripeとPayPal経由で、追加の手数料なしでフォームを通じてオンライン決済を受け付けることもできます。

WPForms の無料バージョンでも Stripe 決済を収集でき、トランザクション手数料は 3% のみです。

さらに、これらのプラグインは、フォームをメールマーケティングツールeコマースプラグイン、およびCRMソフトウェアと簡単に統合します。

WPFormsの長所

  • ドラッグアンドドロップインターフェースで非常に使いやすい
  • WordPressでフォームを素早く作成するための、2000以上の既製テンプレート
  • オンラインで簡単に支払いを受け付けることができます
  • スパム送信を防ぐのに役立つ組み込みのセキュリティ機能を高く評価しています
  • フォームが送信されたときにインスタントアラートを送信します
  • フォーム経由でファイル、ドキュメント、または画像をアップロードできるようにする

WPFormsのデメリット

  • WPFormsの無料版は少し制限があります。
  • 上級ユーザーは、フォームのスタイル設定にカスタムCSSを使用したい場合があります

WPFormsをおすすめする理由:フォームはウェブサイトをより魅力的にしますが、WPFormsを使えば、ショートコードやコードの記述なしに、ブロックを使って投稿やページ上のどこにでも簡単にフォームを追加できます。さらに、クレジットカード決済フォームを含む、あらゆる種類のフォームを作成できる強力なフォームビルダーです。

2. Genesis Blocks

Genesis Blocks

Genesis Blocks は Genesis Pro サブスクリプションの無料版で、エディタを改善するためのカスタム WordPress ブロックのコレクションを提供します。

当社のテストでは、このプラグインが高速でSEOフレンドリーであることが確認されており、検索エンジンのランキングでサイトのパフォーマンスを向上させるのに役立ちます。

14個の必須Gutenbergブロック、4個の事前構築済みページレイアウト、8個の事前構築済みページセクションが含まれています。

Genesis Blocks

このライブラリには、必要となる可能性のある最高のWordPressブロックがいくつか含まれています。

  • 高度な列ブロック – 美しいマルチカラムレイアウトを作成します。
  • Author Profile Block – 投稿やページに著者プロフィールボックスを簡単に追加できます。
  • 価格ブロック – WordPressで美しい価格表を作成します。
  • シェアアイコンブロック – 投稿やページにソーシャルシェアボタンを追加します。
  • Testimonial Block – 顧客の声を掲載して、売上を促進します。

Genesis Blocks にはプロ版の Genesis Pro もあります。これにより、新しいブロック、26個の事前構築済みフルページレイアウト、56個の事前構築済みセクションなどが利用できます。美しく効果的なウェブサイトを素早く作成したい場合、これは素晴らしいソリューションです。

Genesis Blocksレイアウトセレクター

Genesis Blocksは、主要なマネージドWordPressホスティング会社の1つであるWP Engineが所有しています。彼らは、Genesis Blocksプラグインとシームレスに統合されるプレミアムStudioPressテーマを提供しています。

そのサブスクリプションにより、すべてのプレミアムStudioPressテーマにもアクセスできるようになります。

Genesis Blocksのメリット

  • デフォルトのWordPressエディターに追加の13ブロック
  • さまざまな種類のコンテンツを作成するための事前構築済みレイアウト
  • テストの結果、非常にモバイルフレンドリーであることがわかりました
  • 投稿やページでどこでも使用できる56以上の事前構築済みセクション
  • Genesis Framework だけでなく、すべての WordPress テーマと互換性があることがわかりました。

Genesis Blocksの短所

  • ブロック追加パネルで、デフォルトブロックの上にGenesis Blocksを表示します
  • 一部のユーザーは、デフォルトのパターンとプラグインの高度なレイアウトを区別するのが難しいと感じる場合があります。

Genesis Blocksを推奨する理由:便利なブロックと事前構築済みレイアウトの無料コレクションを提供しています。Gutenbergエディターを強化し、ウェブサイト作成を効率化するために使用できます。さらに、より柔軟なデザインのための強力な有料アップグレードも提供しています。

3. WordPress用All in One SEO – SEOに最適なGutenbergブロック

オールインワンSEOウェブサイト

All in One SEO for WordPress は、市場で最高のWordPress SEOプラグインです。

ウェブサイトに追加できるカスタムブロックのコレクションも付属しています。これらのブロックは、投稿やページに SEO ブーストを与えるために特別に設計されています。

WPBeginnerでは、このプラグインとそのブロックを使用してランキングを改善しており、素晴らしい結果を見てきました。詳細については、詳細なAIOSEOレビューをご覧ください。

All in One SEOカスタムブロック

以下のカスタムブロックにアクセスできます。

  • AIOSEO目次 – これにより、記事にSEOに最適化された目次を簡単に追加できます。
  • AIOSEOパンくずリスト – コードを書いたりテーマを編集したりすることなく、適切なスキーママークアップを使用してパンくずナビゲーションを手動で追加します。
  • E-E-A-Tを確立する – これにより、コンテンツが経験、専門知識、権威性、信頼性に関するGoogleの基準を満たしていることを示すことができます。著者プロフィールや著者名などのブロックを追加すると、検索エンジンと読者の両方からの信頼構築に役立ちます。
  • ローカルSEOブロック: ビジネス情報、営業時間、場所マップを表示するローカルSEOブロックを追加します。
  • AIOSEO – FAQ – スキーママークアップを適切に使用して、記事にFAQセクションを追加し、検索ランキングを向上させます。

All in One SEOは、強力なヘッドラインアナライザー、SEO分析、AI搭載のSEOタイトルおよび説明ジェネレーターを追加することで、執筆体験をさらに拡張します。

さらに、コンテンツのSEOを改善するためのリアルタイムの推奨事項を提供してくれる点も高く評価しています。

SEOヘッドラインアナライザーボタンをクリックしてください

AIOSEO のメリット

  • WordPress向けの最も包括的なSEOツールキット
  • SEOブーストを提供するカスタムブロック
  • コンテンツ作成を改善するためのブロックエディターの追加ツールに感銘を受けました
  • WooCommerce と統合して、商品ページを改善します
  • 簡単なソーシャルメディア連携

AIOSEOのデメリット

All in One SEO をお勧めする理由:ローカルSEO、著者紹介、目次、FAQ に不可欠なブロックを提供し、検索ランキング向上のために記事を改善するのに役立ちます。さらに、エディター内ライティングツール、強力なスキーママークアップサポート、包括的なSEO機能も備えています。これらの機能すべてが、WordPress ウェブサイトにとって非常に役立ちます。

10. Smash Balloon – すべてのネットワークに対応するソーシャルフィードブロック

SmashBalloon

Smash Balloonは、WordPress向けの最高のソーシャルフィードプラグインです。これにより、ソーシャルメディアの投稿をサイトに簡単に追加できます。例えば、カスタムInstagram写真フィードを作成するために使用できます。

このツールは非常に直感的で初心者にも使いやすいことがわかりました。これについては、Smash Balloonの完全レビューで詳しく説明しています。

各ソーシャルメディアフィードを追加するためのブロックが提供されます。たとえば、FacebookブロックをページにドラッグアンドドロップしてFacebookフィードを追加できます。ショートコードは一切不要です。

Smash Balloon Blocks

Smash Balloonの各プラグインは個別に利用できます。これらは、FacebookInstagramTwitterTikTok、およびYouTubeをカバーしています。

各プラグインは100%モバイルレスポンシブで、そのまま見栄えがします。WordPressテーマのフォントとスタイルに自動的に一致します。

SmashBalloonソーシャルフィードの例

Smash Balloonのメリット

  • ソーシャルメディアフィード用のブロックを簡単に追加できます
  • 複数のソーシャルフィードを組み合わせることができることがわかりました
  • さまざまなレイアウトとスタイルから選択
  • プラグインの自動更新機能により、新しいソーシャル投稿がウェブサイトに自動的に表示されるのが気に入っています

Smash Balloonのデメリット

  • オールアクセスプランは少し高価ですが、無制限のウェブサイトですべてのプロプラグインにアクセスできます。

Smash Balloonをおすすめする理由:WordPressのデフォルトのソーシャルメディアブロックはあまり役に立ちません。InstagramやFacebookの投稿をWordPressに適切に埋め込むことさえできません。しかし、多くのウェブサイトにとって、ソーシャルメディアはトラフィックや収益の重要な源となる可能性があります。Smash Balloonは、ソーシャルメディアをWordPressウェブサイトに連携させるのに役立ちます。

5. OptinMonster – ブロックを使用したバナーの追加

OptinMonster

OptinMonsterはWordPress向けの最高のリードジェネレーションツールです。ポップアップ、スライドイン、スピンして勝つクーポンホイール、ライトボックス、インラインキャンペーンなど、多くのキャンペーンを作成するために使用できます。

インラインキャンペーンは、OptinMonsterブロックを使用して数回クリックするだけで投稿やページに追加できます。

WPBeginnerでは、このツールを複数回使用してメールリストを成長させており、常に素晴らしい経験をしています。詳細については、OptinMonsterの完全なレビューをご覧ください。

OptinMonsterキャンペーンを選択

インラインキャンペーンを使用して、目を引くメールサインアップフォームをページにすばやく簡単に埋め込むことができます。

さらに、OptinMonsterのコンテンツロック機能を使用して、インラインキャンペーンの下のコンテンツをロックすることもできます。

OptinMonsterのメリット

  • ウェブサイトの訪問者を顧客に転換するのに役立ちます
  • いくつかのキャンペーンタイプと多数のテンプレートが付属しています
  • 偽のサインアップを減らすリード検証機能が気に入りました
  • 強力な表示ルールにより、ユーザーにパーソナライズされたメッセージを表示できます
  • Exit Intentテクノロジーには非常に感銘を受けました

OptinMonsterのデメリット

  • その可能性を最大限に引き出すには、有料プランが必要です

OptinMonsterを推奨する理由:デフォルトのWordPressブロックは、ウェブサイトのマーケティングニーズに関してはかなり限定的です。OptinMonsterは、リード生成、特別オファー、その他のパーソナライズされたキャンペーンを投稿やページに簡単に埋め込むことで、ユーザーがそれを変えるのを助けます。

6. WP Call Button – ブロックでクリック・トゥ・コールボタンを追加

WPコールボタン

WP Call Buttonは、WordPressサイトにクリックして電話するボタンを簡単に追加できる、単一目的のブロックプラグインです。

スマートなフローティング通話ボタンを追加するためにも使用できます。これにより、ウェブサイトのすべてのページでモバイルユーザー向けの非常に目立つクリック・トゥ・コールボタンを追加できます。

これにより、より多くの電話を受けることができ、ビジネスの売上を向上させることができます。また、使用している可能性のあるプロのビジネス電話サービスとも連携します。

WPコールボタンブロック

WP Call Buttonのスマートフォンボタンには、Googleアナリティクスによるクリック追跡が組み込まれているため、サイトで最もパフォーマンスの高いページを簡単に確認できます。

電話ボタンブロックには多くのカスタマイズオプションがあるため、ウェブサイトのデザインに合わせて通話ボタンを簡単にカスタマイズできます。

WP Call Button のメリット

  • ウェブサイトに電話番号を簡単に追加できます
  • GDPR に準拠している点が気に入っています
  • 効果的な行動喚起ボタンを作成し、電話でのリードを生成する
  • インラインボタンまたはオン・スクリーン・ポップアップが表示されることを評価します

WPコールボタンのデメリット

  • インラインボタンのスタイリングオプションが限られているのが少し煩わしいと感じました

WP Call Button を推奨する理由: コールトゥアクションボタン付きの電話番号を簡単に追加できるデフォルトのブロックがありません。ユーザーは手動で作成できますが、後で電話番号を変更する必要がある場合はどうでしょうか?WP Call Button ブロックは、ウェブサイトから電話リードを生成する簡単な方法を提供することで、その問題を解決するのに役立ちます。

7. スペクトル

Spectraレビュー:WordPressウェブサイトに最適なウェブサイトビルダーですか?

Spectra(旧称 Ultimate Addon for Gutenberg)は、最も広く使用されている Gutenberg ブロックライブラリプラグインです。

人気のAstraテーマの開発者によって作成されたこのプラグインは、60万以上のウェブサイトにアクティブにインストールされています。

コーディングなしで目を引くアニメーションを追加できる点が気に入りました。さらに、動的コンテンツもサポートしています。私たちの経験について詳しく知りたい場合は、Spectraの完全なレビューをご覧ください。

ブロックエディター用 Spectra アドオン

以下のものを含む、30以上のGutenbergブロックが含まれています。

  • Info Box Block – 画像、見出し、説明付きの情報ボックスを追加します。
  • マルチボタンブロック – 単一のブロック内に複数のボタンを追加できます。
  • チームブロック – 写真付きのチームセクションを作成できます。
  • 価格リストブロック – レストランのメニューのように、価格リストを簡単に作成できます。
  • Testimonial Block – ウェブサイトに推薦文を追加するのに役立ちます。
Spectraブロック

このプラグインを使用する利点は、Astraテーマおよびそのすべてのスターターサイトとテンプレートキットの組み込みサポートが付属していることです。これは、スターターサイトをインポートして、ブロックエディターを使用して美しいレイアウトを作成できることを意味します。

Spectraのメリット

  • ブロックエディター用の30以上のブロックが付属
  • テンプレートを使用すると、セクション全体を挿入してウェブサイトを構築できます
  • 各カスタムブロックに便利なカスタマイズオプションを提供
  • WooCommerceとのシームレスな統合
  • 無料版があります。

Spectraのデメリット

  • エディターにアクションバーを追加するのは好きではありません(設定から非表示にできます)

Spectraを推奨する理由:ウェブサイト作成プロセスを初心者にとってより簡単かつ迅速にするための、包括的なブロック、パターン、テンプレートを提供します。各ブロックには、コードを扱わずにデザインの側面を制御できる豊富なカスタマイズオプションがあります。

8. Envira Gallery – ブロックでギャラリーを追加

Envira Gallery

Envira Galleryは、最も強力なWordPressギャラリープラグインです。これにより、ウェブサイトに画像や動画のギャラリーを簡単に作成できます。

WordPressのデフォルトのギャラリーブロックは非常に基本的で、エディター外で同じ画像ギャラリーを共有することはできません。

Envira Gallery を使用すると、ギャラリーを個別に管理し、任意の投稿またはページに追加できます。当社では、推奨する前にこのツールを徹底的にテストしました。理由の詳細については、Envira Gallery の詳細レビューをご覧ください。

Envira Gallery Block

このプラグインはブロックエディターと完全に互換性があり、ギャラリーを即座に埋め込むためのネイティブブロックを備えています。

ウォーターマーク保護や画像校正などの高度な機能も含まれています。さらに、WooCommerce とシームレスに統合されており、写真を販売できます。

Envira Galleryのメリット

  • ユーザーが邪魔にならないライトボックスで画像を表示できるようにします
  • ウェブサイト用の美しい画像ギャラリーを作成します
  • 複数のギャラリーレイアウトから選択可能
  • ページ速度とパフォーマンスに影響を与えないことを評価しています

Envira Galleryのデメリット

Envira Galleryを推奨する理由: WordPressのギャラリーブロックは、そのままでは非常に限られています。Envira Galleryを使用すると、ユーザーは複数のスタイルと視覚効果でウェブサイトのビジュアル要素を際立たせることができます。さらに、このプラグインはパフォーマンスに影響を与えることなく写真を簡単に表示できます。

9. Kadence Blocks

Kadence Blocks

Kadence Blocksは、もう1つの優れたWordPressブロックコレクションプラグインです。最も一般的に使用されるブロックの一部が含まれており、コンテンツエディターにさらに多くの機能を追加するのに役立ちます。

調査したところ、サイト全体のブランドの一貫性を維持するのに役立つグローバルカラーとタイポグラフィ機能も備わっていることがわかりました。

Kadenceブロック

このプラグインは、無料版とプレミアム版の両方で利用できます。無料版には、以下を含む20以上のカスタムブロックがあります。

  • 行レイアウトブロック – 1つ以上の列に行コンテンツブロックを挿入します。
  • タブブロック – 水平または垂直のタブを作成し、カスタマイズできます。
  • アコーディオンブロック – コンテンツ内に美しいアコーディオンを作成します。
  • アイコンリストブロック – デフォルトの箇条書きの代わりにカスタムアイコンを使用して魅力的なリストを作成できます。

使用しないブロックを無効にすることもできます。これにより、エディターはクリーンで軽量に保たれます。

さらに、デザインライブラリを使用することもできます。これは、任意の投稿またはページに追加できるブロックパターンとフルページレイアウトのコレクションです。

これらのブロックが気に入って、Kadence Themes からさらに多くの機能が必要な場合は、プロプラグインまたはメンバーシッププランを購入できます。

Kadence Blocksのメリット

  • 一般的に使用されるデザイン要素のための豊富なブロックセット
  • ウェブサイト構築のための、すぐに使えるパターンとページレイアウトが気に入りました
  • 最も人気のあるWordPressテーマと連携します
  • ユーザーは非常にSEOフレンドリーだと評価しています

Kadence Blocksのデメリット

  • 有料プランは少し高価です。

Kadence Blocks を推奨する理由: ユーザーがブロックエディタの機能を拡張できる、印象的なカスタムブロックのセレクションを提供しています。このコレクションには、WordPress レイアウトで一般的に使用されるすべてのデザイン要素が含まれており、サイト作成中に非常に役立ちます。

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

Otter Blocks

OtterによるGutenbergブロックとテンプレートライブラリは、サイトにさらにGutenbergブロックを追加する、もう一つの便利なWordPressブロックプラグインです。

人気のWordPressテーマ会社であるThemeIsleのチームによって作成されたOtterには、テーマのレイアウトオプションを超えるために必要なブロックが含まれています。

Otter Blocks

このプラグインには、20以上の便利なWordPressブロックのコレクションが含まれています。それらの一部を以下に示します。

  • セクションブロック – ページビルダープラグインのように、カラムを使ってレイアウトを構築できます。
  • Googleマップブロック – ウェブサイトにGoogleマップを埋め込むことができます。
  • About Author Block – ウェブサイトに著者プロフィールボックスを表示できます。
  • シェアアイコンブロック – WordPressの記事にソーシャルシェアアイコンを簡単に追加できます。

Gutenbergブロックに加えて、このプラグインにはブロックパターンとレイアウトが含まれており、魅力的なページを素早く作成するのに役立ちます。

また、OpenAIに接続するユニークなAIブロックもあり、エディタ内で直接コンテンツやレイアウトを生成するために使用できます。

Otter Blocksのメリット

  • 一般的に使用されるデザイン要素を備えた優れたブロックコレクションを提供しています
  • このプラグインは使いやすく、このリストにある他のいくつかのプラグインよりも邪魔にならないと感じました。
  • 投稿やページにすばやく挿入できる便利なセクションを備えた美しいパターンライブラリ
  • ユーザーロール、デバイスタイプ、その他の条件に基づいてブロックを表示または非表示にできる点を評価しています

Otter Blocksのデメリット

  • パターンライブラリとブロックオプションは、このリストの他のオプションほど広範ではありません

Otter Blocksを推奨する理由:デフォルトのWordPressエディターにはない、まともなカスタムブロックセットが含まれています。これらのブロックにより、デザインスキルがなくても、カスタムコンテンツレイアウトや非常に魅力的なウェブサイトを簡単に作成できます。

11. アルティメットブロック

Ultimate Blocks

Ultimate Blocks は、ブロックエディター用のいくつかの追加ブロックを備えた、もう1つのGutenbergブロックコレクションプラグインです。

このプラグインを使用すると、エディターにさらに20以上のブロックが追加され、より良いコンテンツを作成し、ウェブサイトをカスタマイズするのに役立ちます。

このプラグインは、より魅力的なコンテンツを作成するのに非常に便利です。当社のUltimate Blocksの完全レビューで、テストした経験についてさらに詳しく知ることができます。

Ultimate Blocks

このプラグインが提供するブロックの一部を以下に示します。

  • Review Block – 商品名、機能、概要、星評価付きのレビューを追加できます。
  • 目次ブロック – 記事の見出しから目次を作成するのに役立ちます。
  • アクションブロックを呼び出す – 見出し、説明、ボタン付きのアクションボックスを作成できます。
  • クリックツイートブロック – 投稿やページにツイート可能なコンテンツを簡単に追加できます。
  • 通知ボックスブロック – 記事にシンプルな通知ボックスを追加できます。

コース、目標、統計に使用できるカウントダウンタイマーブロックやアニメーションプログレスバーさえあります。

Ultimate Blocksの長所

  • カスタムブロックのまともなコレクション
  • 使いやすく、すっきりとした体験を提供します
  • スキーママークアップをサポートするレビューブロックを提供します

Ultimate Blocksのデメリット

  • 一部のブロックはロックされており、プロバージョンで利用可能です

Ultimate Blocksを推奨する理由:魅力的なコンテンツの作成やカスタムレイアウトの作成に役立つ、まともなカスタムブロックのコレクションを提供します。

12. PublishPressによるGutenbergブロック

PublishPressによるGutenbergブロック

Gutenberg Blocks by PublishPressは、Gutenbergエディタに20以上の新しいブロックを追加します。このプラグインは、プロフェッショナルなウェブページを簡単かつ迅速に作成するのに役立ちます。

PublishPressを徹底的にテストした結果、マルチアザーブログに最適なプラグインだと考えています。詳細については、PublishPressの完全レビューをご覧ください。

PublishPress Blocks

ここに、いくつかの高度なGutenbergブロックを紹介します。

  • カラムマネージャーブロック – WordPress で複数カラムのコンテンツを追加できる、定義済みのレスポンシブカラム。
  • Map Block – これにより、投稿やページにGoogleマップを埋め込むことができます。
  • カウンターブロック – 総売上などの数値を魅力的に表示できます。
  • タブブロック – これにより、コンテンツをタブで簡単に追加できます。
  • Advanced List Block – カスタムリストアイコンとスタイルで視覚的に魅力的なリストを作成します。
  • いくつかの一般的なフォームブロック – お問い合わせフォーム、ニュースレターフォーム、ログイン/登録フォームなど。

このプラグインは、ユーザーロールに応じてブロックをアクティブ化するための高度なブロック制御オプションも提供します。

このプラグインは、PublishPress(多くの人気WordPressプラグインの開発チーム)に買収される前は、「Advanced Gutenberg」として知られていました。

PublishPressによるGutenbergブロックのメリット

  • 優れた追加ブロックセット
  • デフォルトのエディターを乗っ取らない、すっきりとしたユーザーインターフェース
  • 高速でパフォーマンスへの影響は最小限

PublishPressによるGutenbergブロックのデメリット

  • ユーザーは、ユーザーがすでにログインしている場合でもログインフォームが表示されると不満を述べています。

PublishPressによるGutenberg Blocksを推奨する理由:プラグインに含まれるカスタムブロックには、他のコレクションにはないユニークなブロックがいくつか含まれています。プラグインの開発者は、パブリッシャー向けのWordPressツールの作成を専門としています。

13. Stackable – 美しいカスタムブロック

Stackable

Stackableは、WordPressサイト向けの美しいカスタムブロックとデザインライブラリを備えた無料のWordPressブロックライブラリプラグインです。

これには、Gutenberg用の使いやすいブロックが40以上含まれています。

スタッカブルブロック

このプラグインが提供する優れたWordPressブロックをいくつかご紹介します。

  • コンテナブロック – 1つの行に異なるブロックを組み合わせることができます。
  • Feature Grid Block – 製品の機能やポートフォリオをスタイリッシュなグリッドレイアウトで表示できます。
  • チームメンバーブロック – これにより、チームメンバーの役職、職務、専門分野を紹介できます。
  • Video Popup Block – YouTubeおよびVimeo動画用のフルスクリーン動画ポップアップを追加できます。

Stackableは、印象的なエフェクトと背景オプションも提供しています。画像と動画の背景、固定画像、グラデーションの背景エフェクトなどを使用できます。

Stackableのメリット

  • WordPressウェブサイト向けのカスタムブロックの大規模コレクション
  • 個々のブロックに対する豊富なカスタマイズオプション
  • ウェブサイトに即座に追加できる、数十種類のブロックデザイン、UIキット、ワイヤーフレーム

Stackableのデメリット

  • 無料プラグインは一部のブロックとUIキットをロックします
  • テストの結果、少し学習曲線があると思いました

Stackableをおすすめする理由:このプラグインは、美しくデザインされたブロックと、それらを簡単にカスタマイズできるスタイリングオプションを提供します。また、このリストにある他のいくつかのプラグインよりも多くのブロックコレクションを持っています。

14. CoBlocks

CoBlocks

CoBlocksは、ページ構築用のWordPressブロックのコレクションを備えた無料プラグインです。

ほとんどのブロックコレクションプラグインと同様に、WordPressのブロックエディターを強化するための追加ブロックを提供します。

CoBlocksブロック

このプラグインが提供する便利なGutenbergブロックをいくつかご紹介します。

  • 行と列ブロック – グリッドシステムに基づいた動的なレイアウトを設計できます。
  • カルーセルギャラリーブロック – カルーセルギャラリーを作成し、画像を展示できます。
  • アラートブロック – 魅力的なアラートを作成し、WordPressの投稿やページに挿入します。
  • 著者プロフィールブロック – これにより、WordPressの投稿やページに著者プロフィールボックスを追加できます。

このプラグインは非常に使いやすく、カスタマイズも簡単でした。フォントの変更、マージンとパディングの設定、色の選択などが可能です。

さらに、一部のブロックは、画像フィルターやアニメーション効果などの高度な機能を提供しています。

CoBlocksのメリット

  • 便利なカスタムブロックのまともなコレクション
  • アニメーションや画像フィルター効果は、一部の要素に役立つ場合があります
  • デフォルトのUIを変更せずにブロックエディターに溶け込みます

CoBlocksのデメリット

  • リスト上の他のいくつかのプラグインよりも少ないブロックセット
  • ブロックのデザインとスタイリングオプションが限られている

CoBlocks をお勧めする理由:デフォルトのエディターの外観を損なうことなく、カスタムブロックの適切なコレクションを探しているなら、このプラグインが最適かもしれません。使いやすく、デフォルトのブロックと調和します。

15. 高度なエディタツール

高度なエディターツール

Advanced Editor Tools は以前 TinyMCE Advanced と呼ばれていました。これは、より多くの書式設定オプションで従来のクラシックエディターを強化した人気のプラグインです。

現在では、新しいGutenbergブロックエディターもサポートしています。

Advanced Editor Toolsのクラシックエディターブロック

Advanced Editor Toolsは、デフォルトのブロックに追加のフォーマットおよびスタイリングオプションを提供します。

例えば、ツールバーに新しい書式設定ボタンが表示され、フォントを選択できるようになります。ツールバーに表示したいボタンを調整することもできます。

高度なエディタツールのメリット

  • クラシックエディターよりも優れた代替手段
  • クラシックエディタブロックエディタをより多くのフォーマットオプションで拡張
  • ブロックエディター内で使いやすい

高度なエディターツールのデメリット

  • カスタムブロックで得られるようなスタイリングオプションが不足している

Advanced Editor Tools を推奨する理由:古いエディターから移行した多くのユーザーは、クラシックエディターブロックで編集できるコンテンツをまだ持っていました。このプラグインは、クラシックエディターを内部で使用しながらブロックエディターに切り替えるオプションを提供します。

いくつかの honorable mention

上記で言及した以外にも、市場には多くのGutenbergブロックプラグインがあります。

ブロックエディターでは物足りないと感じ、より強力な機能が必要な場合は、完全なウェブサイトビルダーの検討をお勧めします。これらはブロックライブラリよりも一段上の機能を提供し、さらに多くのデザインコントロールを可能にします。

さらに、コンテンツ中心のWordPressプラグインのほとんどは、現在Gutenberg互換であり、独自のブロックを提供しています。

WordPressに最適なGutenbergブロックプラグインはどれですか?

これらのプラグインをすべてレビューした後、どこから始めればよいか疑問に思っているかもしれません。

私たちのアドバイスは、小さく始めることです。すぐに大規模なブロックライブラリをインストールするのではなく、まず最も重要なニーズを特定してください。

例えば、お問い合わせフォームが必要な場合は、WPFormsのような単一目的のプラグインから始めましょう。

これを踏まえ、すべてのニーズを満たすために、単一目的の最適なプラグインとブロックライブラリを組み合わせることをお勧めします。

例えば、フォームはすべてWPFormsを使用することをお勧めします。これは初心者向けで、何千もの既製のテンプレートがあります。

同様に、ポップアップ、バナー、リードジェネレーションにはOptinMonsterをおすすめします。これは、私たちが自身のメールリストを増やすために使用してきた強力なツールです。

SEO機能に関しては、All in One SEOは、FAQ、目次などの特別なブロックを使用してサイトのランキングを向上させるための最良の選択肢です。

ブロックライブラリプラグインの中で、Genesis Blocksは、必須ブロックと事前構築済みレイアウトの堅実なコレクションを備えているため、優れた無料オプションだと考えています。

ただし、Spectraも僅差で、その膨大なブロック、パターン、テンプレートにより、ウェブサイト作成がこれまで以上に簡単になっています。

Gutenbergブロックプラグインに関するよくある質問

ここでは、読者からGutenbergプラグインについてよく寄せられる質問をいくつかご紹介します。

Gutenberg ブロックプラグインとは何ですか?

Gutenbergブロックプラグインは、デフォルトのブロックエディターに新しいコンテンツブロックを追加するWordPressプラグインです。これらの追加ブロックを使用すると、カスタムレイアウトを作成したり、標準のブロックセットでは利用できない価格表、お客様の声、高度なギャラリーなどの機能を追加したりできます。

Gutenberg ブロックプラグインは無料ですか?

多くの優れたブロックプラグインは、すぐに始められる便利なブロックを多数備えた優れた無料バージョンを提供しています。

通常、より高度なブロック、事前構築済みのテンプレート、追加のスタイリングオプションをアンロックするプレミアムプランもあります。

ブロックプラグインを使いすぎると、ウェブサイトが遅くなりますか?

必ずしもそうではありません。高品質なブロックプラグインはパフォーマンスのためにコーディングされており、スクリプトはブロックが実際にページで使用されている場合にのみ読み込まれます。

ただし、コードの質が低いプラグインを複数使用するとサイトが遅くなる可能性があるため、このリストにあるような評価の高いオプションに絞ることをお勧めします。

最も優れたGutenbergブロックプラグインはどれですか?

「最高の」プラグインは、実際には特定のニーズによって異なります。あらゆる種類のフォームを作成する場合、WPForms は疑いのないリーダーです。

一般的なページデザインとレイアウトの柔軟性については、SpectraとGenesis Blocksはどちらも素晴らしい選択肢であり、幅広い強力なツールを提供します。

複数のGutenbergブロックプラグインを同時に使用できますか?

はい、もちろんです。同じウェブサイトに複数のブロックプラグインをインストールして使用できます。

これにより、さまざまなコレクションから最適なブロックを組み合わせて、プロジェクトに必要な正確な機能とデザイン機能を得ることができます。

Gutenbergエディターに関連するガイド

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

19 CommentsLeave a Reply

  1. Spectra(当時はUltimate Addons for Gutenbergと呼ばれていました)をしばらく使用していますが、新しいブログ記事を書くたびに必ず使用する、非常に便利な必須ブロックセットを提供してくれます。コンテナブロックと情報ボックスブロックは非常に便利です。

    このまとめを読んで、ローカル旅行ブログのためにSmash Balloonプラグインを試してみることに興味を持ちました。
    美しいInstagramの写真フィードを簡単に埋め込める機能は、旅行写真を披露し、ブログをより視覚的に魅力的にするための素晴らしい方法になる可能性があります。

    この役立つGutenbergブロックプラグインのリストを作成していただきありがとうございます!いくつか新しいブロックを試すことができました。

  2. WordPressユーザーの間で、グーテンベルクブロックエディターは、それなりの理由で新しいお気に入りになっています。
    ブロックエディターで作られたウェブサイトは、ページビルダーで作られたものと比較して、いくらか高速だと聞いています。
    私は多くのウェブサイトでGenerateBlocksとGenerateBlocks Proを使用しています。
    初心者には慣れるのに時間がかかるかもしれませんが、一度コツを掴めば、きっと気に入るはずです。
    グーテンベルクブロックのすべてのオプションに感謝します。

  3. 長い間、Elementorだけでサイトを作成していましたが、今では時々、Gutenbergだけでサイトを作成するようになっています。そのため、Gutenbergの効果的な使い方をゆっくりと学び直しています。ブロックエディターに関するこれらのチュートリアルは、非常に役立ちます。復帰するのに大いに役立ちます。

  4. 素晴らしいまとめですね!厳選されたリストは、ウェブサイトの機能を向上させたい人にとって宝の山です。
    非常に役立つ機能を強調する方法は、時間を大幅に節約してくれます。
    プロのヒント:補完的なブロックをグループ化して、シームレスでまとまりのあるデザインを検討してください。この貴重なリソースをまとめていただき、ありがとうございます。ユーザーがGutenbergエクスペリエンスを強化するための完璧なプラグインを簡単に見つけられるようになりました。あなたの専門知識が本当に輝いています!

  5. 素晴らしい投稿です。
    Kadenceのテーマとブロックの両方を使用しています。
    私のWordPressサイトはパフォーマンスがかなり良く、読み込みも速いです。
    ただし、ページビルダーと比較すると、デザインの面でいくつかの欠点があるかもしれません。

  6. すごい!とても有益な投稿ですね。共有していただきありがとうございます。試すための新しいことが2つ見つかりました。

  7. ブロックアドオンの1セットだけでは通常十分ではないことに気づきました。多くの場合、あるブロックライブラリアドオンにあるブロックと、別のセットにある他のブロックが必要になります。たとえば、Ultimate Addons for Gutenbergを使用していますが、タブリストブロックがないため、タブリストを含む別のAddonコレクションを使用せざるを得ません。(または、一方のセットの一部の機能と、もう一方のセットの一部の機能が気に入っているという、2つのブロックセットがある場合もあります。)

    これらのプラグインを3つか4つ組み合わせて使用すると、サイトの動作は遅くなりますか?つまり、これらのプラグインはすべてサイト/ページに追加のコードを追加し、遅くするということですか?

  8. 投稿ありがとうございます。GutenbergがWooCommerceとどのように連携するのか、少し混乱しています。WooCommerce固有のGutenbergブロックはありますか、それともWooCommerceとは連携できませんか?
    ありがとうございます

    • ブロックやその他のものがあるかどうかは、何を行おうとしているかによりますが、WooCommerceとGutenbergは連携します。

      管理者

  9. 素晴らしい投稿です。TwitterでGutenbergライブラリのいくつかはすでに聞いたことがあり、Ultimate AddonsとUltimate Blocksを試す予定です。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。