Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressのベストGutenbergブロックプラグイン17選(超便利)

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

私たちは複数のサイトでGutenbergブロックエディターを長く使ってきたので、初期設定では制限的に感じることがあることも知っています。

WordPressには、Paragraph、Image、Button、Listなどの必須コンテンツブロックが用意されています。しかし、エディターにより多くのブロックを追加するプラグインを使用して、これらのオプションを拡張することができます。

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

Extending block editor with more block plugins for WordPress

WordPressブロックエディターとは?

WordPressブロックエディターは、WordPressに初期設定されているコンテンツエディターです。ブロックのシステムを使って投稿やページを作成することができます。

一般的なブログ投稿では、多くの段落ブロック、小見出し用の見出しブロック、画像ブロックがあります。

WordPress block editor

リスト、カラム、グループ、ギャラリーなど、よく使われるウェブ要素を追加するための初期設定ブロックもいくつかあります。

さらに詳しく知りたい方は、初心者向けWordPressブロックエディターチュートリアルをご覧ください。

なぜWordPressでブロックエディターを使うのか?

長年WordPressサイトを制作してきた方なら、ブロックエディターがクラシックエディターから大きく変わったと感じることでしょう。

一部のユーザーはブロックエディターを無効化し、クラシックエディターを残しています。しかし、私たちはブロックエディターの使用を推奨します。多くの貴重な機能を提供し、よりユーザーフレンドリーです。

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

例えば、HTMLコードを書くことなく、投稿に表を追加したり、コール・トゥ・アクションのボタンを追加したりすることができる。

WordPressの初期設定で最も便利な7つのブロック

ブロックエディターには、すでにすべてのタイプのコンテンツ要素のためのビルトインブロックが含まれています。

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

すぐに使えるWordPress初期設定のGutenbergブロックをご紹介します。

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

これら以外にも、プラグインを使わずに試せるブロックはたくさんある。

チュートリアルに従って、WordPressで独自のカスタムブロックを作成することもできます。

ブロックエディターでは、ブロックパターンも利用できます。これらは、コンテンツにセクション全体を追加することを可能にする、あらかじめ設定されたブロックのセットであり、コンテンツ作成をより迅速かつ効率的にします。

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

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

WordPressのブロックプラグインには2つのタイプがあります。ここではその両方を取り上げます:

  1. 個別ブロックプラグイン
  2. Gutenbergブロックライブラリ

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

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

WPForms Block for WordPress Editor

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

例えば、Genesis Proでは16個のプレミアムブロックを追加できます。価格表ブロック、テスティモニアルブロック、プロフィールボックスブロックなどです。

個別ブロックプラグインとブロックライブラリプラグインの比較

オプションの設定がわかったところで、どちらがいいのか悩むかもしれない。ここでは、考慮すべきいくつかの重要なポイントを紹介しよう。

個別目的ブロックプラグインは1つの機能しか追加しませんが、最も包括的なオプションと統合設定を提供します。あなたがやろうとしていることに最適なソリューションです。

ブロック・ライブラリ・プラグインには、目的別に異なるブロックのコレクションが含まれています。しかし、これらのブロックは個別機能ブロックほど細かく調整されていません。多くのブロックを提供する反面、堅牢性には欠けるかもしれない。

ブロック・スイートを使うことのもう一つの欠点は、ブロック・リストが不必要にごちゃごちゃしてしまうことだ。

ということで、最高のWordPress Gutenbergブロックプラグインを見てみよう。

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

WPForms

WPFormsは市場で最もユーザーフレンドリーなWordPressフォームプラグインです。シンプルなお問い合わせフォームや、インタラクティブな投票、アンケート、注文フォームなど、よりパワフルなフォームをWordPressサイトで簡単に作成することができます。

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

WPForms block

WPFormsでは、アンケートフォーム、お問い合わせフォーム、メール登録フォーム、ログインフォームなど様々なフォームを作成することができます。

StripeやPayPalを利用したオンライン決済が可能です。WPFormsの無料版でもStripeでの決済が可能で、手数料は3%のみです。

また、フォームをメールマーケティングツールeコマースプラグインCRMソフトウェアと簡単に統合することもできます。

WPFormsをおすすめする理由: WPFormsを使えば、ショートコードを使ったりコードを書いたりする代わりに、ブロックを使って投稿日やページのどこにでも簡単にフォームを追加することができます。さらに、WPFormsはパワフルなフォームビルダーであり、クレジットカードの支払いフォームなど、サイトに必要なフォームをすべて作成することができます。

長所

  • ドラッグ&ドロップのインターフェースで使いやすいフォームビルダー
  • WordPressでフォームを素早く作成できる数十種類のテンプレート
  • オンラインで簡単に支払いを受け付けることができます。

短所

  • より多くの機能を利用するにはプレミアム・バージョンが必要です。
  • 上級ユーザーは、カスタムCSSを使ってフォームをスタイリングしたいかもしれません。

価格 39.60ドルから –限定無料版もあります。

2.ジェネシス・ブロック

Genesis Blocksは、WordPressのカスタムブロックを集めた無料のGutenbergプラグインです。

14のGutenberg必須ブロック、4つのビルトインページレイアウト、8つのビルトインページセクションが含まれています。

Genesis blocks

このライブラリには、あなたが必要とするかもしれない最高のWordPressブロックのいくつかが付属しています。

  • 高度なカラムブロック – 美しいマルチカラムレイアウトを作成できます。
  • 投稿者プロフィールブロック – 投稿やページに投稿者プロフィールボックスを簡単に追加できます。
  • Pricing Block – WordPressで美しい価格テーブルを構築。
  • シェアアイコンブロック – 投稿やページにソーシャルシェアボタンを追加できます。
  • お客様の声ブロック – お客様の声を掲載することで、販売促進につなげます。

Genesis Blocksには、プロバージョンのGenesis Proもあります。これにより、新しいブロック、26のビルトイン・フルページ・レイアウト、56のビルトイン・セクションなどが利用できるようになります。美しく効果的なサイトを素早く作りたい方には、最適なソリューションです。

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

Genesis Proのサブスクリプションは、すべてのプレミアムStudioPressテーマにアクセスすることもできます。

Genesis Blocksをおすすめする理由:Genesis Blocksは、便利なブロックやビルトインレイアウトを無料で提供しています。Gutenbergエディターを強化し、サイト制作を効率化するために利用できる。さらに、デザインの柔軟性を高めるパワフルな有料アップグレードもあります。

長所

  • WordPress初期設定エディター用追加ブロック13個
  • さまざまなタイプのコンテンツを作成するためのビルトイン・レイアウト
  • 投稿やページの好きな場所で使える56以上のビルトインセクション。

短所

  • ブロックの追加パネルで、初期設定のブロックの上にGenesisブロックを表示する。
  • ユーザーによっては、初期設定とプラグインの高度なレイアウトを区別するのが難しいと感じるかもしれません。

価格無料

3.WordPressのためのAll In One SEO

All in One SEO website

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

また、あなたのサイトに追加できるカスタムブロックのコレクションが付属しています。これらのブロックは、あなたの投稿やページにSEOブーストを与えることを目的として作られています。

All in One SEO custom blocks

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

  • AIOSEO目次 – あなたの投稿に簡単にSEOフレンドリーな目次を追加することができます。
  • AIOSEOパンくずリスト – コードを書いたりテーマを編集することなく、正しいスキーママークアップでパンくずナビゲーションを手動で追加します。
  • E-E-A-Tの確立 – 投稿者名、著者名、レビュアー名のブロックにより、GoogleのE-E-A-Tランキングシグナルへの準拠をサポートします。
  • ローカルSEOブロック:ビジネス情報、営業時間、ロケーションマップを表示するローカルSEOブロックを追加します。
  • AIOSEO – FAQ – 適切なスキーママークアップで投稿にFAQセクションを追加し、検索順位を上げる。

All In One SEOは、強力な見出しアナライザー、SEO分析、AIを搭載したSEOタイトルと説明ジェネレータを追加することで、あなたのライティング体験をさらに広げます。

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

長所

  • WordPressのための最も包括的なSEOツールキット
  • SEO効果を高めるカスタムブロック
  • SEOの観点からコンテンツ作成プロセスを改善するためのエディターブロックの追加ツール

短所

  • 真のポテンシャルを引き出すには、有料プランが必要です。

価格 49.60ドルから。限定無料版もあります。

4.Smash Balloon – すべてのサイトネットワークのソーシャルフィードブロック

SmashBalloon

Smash BalloonはWordPressに最適なソーシャルフィードプラグインです。サイトへのソーシャルメディア投稿を驚くほど簡単に追加できる。例えば、Instagramのカスタムフォトフィードを作成することができます。

Smash Balloonには、各ソーシャルメディアのフィードを追加するためのブロックが用意されています。例えば、投稿やページにFacebookブロックをドラッグ&ドロップするだけで、Facebookフィードを追加できます。ショートコードを入力する必要はありません。

Smash Balloon Blocks

Smash Balloonのプラグインはそれぞれ区切りで使うことができます。FacebookInstagramTwitterTikTokYouTubeに対応しています。

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

SmashBalloon social feed example

Smash Balloonをお勧めする理由: WordPressの初期設定のソーシャルメディアブロックはあまり役に立ちません。InstagramやFacebookの投稿をWordPressに適切に埋め込むこともできません。しかし、多くのサイトにとって、ソーシャルメディアは重要なトラフィックや収益源になり得ます。Smash Balloonを使えば、WordPressサイトにソーシャルメディアを導入することができます。

長所

  • ソーシャルメディアフィード用のブロックを簡単に追加できます。
  • 複数のソーシャルフィードを組み合わせる
  • さまざまなレイアウトとスタイルから選べる

短所

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

価格:個別アドオンが49ドル、すべて利用できるのが299ドル。無料版のプラグインもあります。

5.OptinMonster

OptinMonster

OptinMonsterはWordPressのための最高のリードジェネレータツールです。ポップアップ、スライドイン、スピントゥウィンクーポンホイール、ライトボックス、インラインキャンペーンなど、多くのキャンペーンを作成するために使用することができます。

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

Choose OptinMonster campaign

インラインキャンペーンを使えば、目を引くメール登録フォームを素早く簡単にページに埋め込むことができます。

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

OptinMonsterをお勧めする理由: 初期設定のWordPressブロックは、サイトのマーケティングニーズに関してはかなり制限されています。OptinMonsterは、リードジェネレーション、スペシャルオファー、その他のパーソナライズされたキャンペーンを投稿やページに簡単に埋め込むことによって、ユーザーがそれを変更するのに役立ちます。さらに詳しく知りたい方は、OptinMonsterのレビューをご覧ください。

長所

  • サイト訪問者をカスタマイザーに変えます。
  • 数種類のキャンペーンタイプと数十種類のテンプレートを用意
  • 強力な表示ルールにより、ユーザーにパーソナライズされたメッセージを表示できます。

短所

  • ポテンシャルをフルに引き出すには有料プランが必要です。

価格 月額9ドルから

6.WPコールボタン

WP Call Button

WP Call Buttonは、WordPressサイトにクリックコールボタンを簡単に追加できる個別ブロックプラグインです。

あなたの連絡先ページにクリック可能な電話番号を追加することはさておき、WP Call Buttonはまた、スマートフローティングコールボタンを持っています。これは、モバイルユーザーのためにあなたのウェブサイトのすべてのページで非常に目に見えるクリックトゥコールボタンを追加することができます。

これは、より多くの電話を取得し、あなたのビジネスのためのより多くの販売を完了するのに役立ちます。また、あなたが使用している可能性のあるプロフェッショナルなビジネス電話サービスでも動作します。

WP Call Button block

WPコールボタンのスマートフォンボタンは、Googleアナリティクスによるクリックトラッキングがビルトインされているので、サイトのどのページが最もパフォーマンスが高いかを簡単に確認することができます。

電話ボタンブロックには多くのカスタマイザー設定オプションがあり、あなたのサイトデザインに一致するように電話ボタンを簡単にカスタマイズすることができます。

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

長所

  • サイトに電話番号を簡単に追加できます。
  • 効果的な行動喚起ボタンを作成し、電話によるリードを生成する
  • インラインボタンまたは画面ポップアップの表示

短所

  • インラインボタンのスタイル設定オプションが制限されている

価格 無料

7.スペクトル

Spectra

以前はUltimate Addon for Gutenbergとして知られていたSpectraは、最も広く使われているGutenbergブロックライブラリのプラグインです。

人気のAstraテーマの開発者によって有効化されたこのプラグインは、60万以上のサイトにインストールされています。

Spectra addon for block editor

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

  • 情報ボックスブロック – 画像、見出し、説明を含む情報ボックスを追加します。
  • マルチボタンブロック – 個別ブロック内に複数のボタンを追加できます。
  • チームブロック – 写真付きのチームセクションを作成できます。
  • 価格表ブロック – レストランのメニューのような価格表を簡単に作成できます。
  • Testimonial Block – サイトにお客様の声を追加するのに便利です。
Spectra blocks

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

Spectraをお勧めする理由: 初心者でも簡単に素早くサイトを作成できるように、ブロック、パターン、テンプレートの包括的なセットを提供しています。各ブロックには幅広いカスタマイズオプションがあり、ユーザーはコードを扱うことなくデザイン面をコントロールできます。さらに詳しく知りたい方は、Spectraのレビューをご覧ください。

長所

  • ブロックエディター用ブロック30個以上付属
  • テンプレートキットにより、セクション全体を簡単に挿入し、素早くサイトを構築することができます。
  • 各カスタムブロックに便利なカスタマイズオプションを提供

短所

  • エディターにアクションバーを追加(設定から非表示にできる)

価格 年間49ドル、またはライフタイムライセンス199ドルから。無料版もあります。

8.Envira ギャラリー

Envira Gallery

Envira Galleryは最もパワフルなWordPressギャラリープラグインです。あなたのサイトに画像や動画のギャラリーを簡単に作成することができます。

WordPressの初期設定のギャラリーブロックは非常に基本的で、エディター外で同じ画像ギャラリーを共有する権限がありません。

Envira Galleryは、ギャラリーを区切り、投稿やページに追加することを有効化します。

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

Envira Gallery Block

Envira Galleryには、透かし保護や画像証明などの高度な機能が含まれています。また、WooCommerceとのシームレスな統合により、写真を販売することができます。

Envira Galleryをお勧めする理由: WordPressのギャラリーブロックは非常に限られています。Envira Galleryは、ユーザーがサイトのビジュアルエレメントを複数のスタイルとビジュアルエフェクトで目立たせることを可能にします。さらに、このプラグインは、パフォーマンスに影響を与えることなく写真を簡単に展示することができます。さらに詳しく知りたい方は、Envira Galleryのレビューをご覧ください。

長所

  • サイト用の美しい画像ギャラリーを作成します。
  • 複数のギャラリーレイアウトから選択可能
  • ページスピードやパフォーマンスに影響を与えない

短所

  • 無料版は機能が少ない

価格: 39.50ドルから。限定無料版もあり。

9.ケイデンス・ブロック

Kadence Blocks

Kadence BlocksもWordPressの優れたブロック集プラグインです。最もよく使われるブロックのいくつかが付属しており、コンテンツエディターに機能を追加するのに役立ちます。

Kadence blocks

プラグインには無料版とプレミアム版があります。無料版には以下の23のカスタマイザーブロックがあります:

  • 行レイアウトブロック – 1列または複数列の行にコンテンツブロックを挿入します。
  • タブブロック – 水平または垂直のタブを作成し、それらをカスタマイズすることができます。
  • アコーディオンブロック – コンテンツ内に美しいアコーディオンを作成できます。
  • アイコンリストブロック – 初期設定の箇条書きリストではなく、カスタムアイコンで魅力的なリストを作成できます。

このプラグインでは、使用しないブロックを無効化する権限がありません。そうすることで、エディターをすっきりと軽量に保つことができます。

また、投稿やページに追加できるブロックパターンやフルページレイアウトを集めたデザインライブラリも含まれています。

あなたがこれらのブロックが好きで、Kadenceテーマからより多くをしたい場合は、彼らのプロプラグインまたはメンバーシッププランを購入することができます。

Kadence Blocksをお勧めする理由: ブロックエディターの機能を拡張できるカスタマイザーブロックの素晴らしいセレクションを提供しています。WordPressのレイアウトでよく使われるデザイン要素がすべて含まれているので、サイト制作の際にとても役立ちます。

長所

  • 一般的に使用されるデザイン要素のための豊富なブロックセット
  • すぐに使えるパターンとページレイアウトでサイトを素早く構築
  • ほとんどのWordPressテーマに対応

短所

  • 有料プランは少し高い。

価格: 無料、有料アップグレードは149ドルから。

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

Otter Blocks

Gutenberg Blocks and Template Library by Otterは、あなたのサイトにGutenbergブロックを追加する、もう一つの便利なWordPressブロックプラグインです。

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

Otter Blocks

このプラグインには23以上のWordPressブロックが含まれています。便利なブロックをいくつか紹介します:

  • セクションブロック –ページビルダープラグインのようにカラムを使ってレイアウトを構築できます。
  • Googleマップブロック – Googleマップをサイトに埋め込むことができます。
  • 投稿者情報ブロック – あなたのサイトに投稿者情報ボックスを表示することができます。
  • 共有アイコンブロック – WordPressの投稿にソーシャル共有アイコンを簡単に追加できます。

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

OpenAIに接続するAIブロックもあり、コンテンツやレイアウトの生成に使用できる。

Otter Blocksをおすすめする理由:初期設定のWordPressエディターにはないカスタマイザーブロックが揃っています。これらのブロックを使えば、デザインのスキルがなくても、カスタマイザーによるコンテンツレイアウトや非常に魅力的なサイトを簡単に作成できる。

長所

  • よく使われるデザイン要素を集めた優れたブロック集
  • 使いやすく、このリストにある他のプラグインよりも邪魔にならない。
  • 投稿やページに素早く挿入できる便利なセクションを備えた美しいパターンライブラリー

短所

  • パターン・ライブラリーとブロックのオプションは、このリストの他のオプションほど豊富ではない

価格: 無料、有料版は49ドルから。

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

Ultimate Blocks

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

ユーザーは、コンテンツ作成やサイトのカスタマイズに役立つブロックエディターに、さらに24個のブロックを追加できます。

Ultimate Blocks

プラグインが提供するブロックの一部を紹介しよう:

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

Ultimate Blocksをお勧めする理由: 魅力的なコンテンツを書いたり、カスタムレイアウトを作るのに役立つカスタムブロックのコレクションを提供しています。詳しくはUltimate Blocksのレビューをご覧ください。

長所

  • カスタムブロックの豊富なコレクション
  • 使いやすく、散らからない。
  • スキーママークアップに対応したレビューブロックを提供

短所

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

価格: 無料の有料版は年間49ドルから。

12.Gutenbergブロック by PublishPress

Gutenberg blocks by PublishPress

PublishPressのGutenberg Blocksは、Gutenbergエディターに20以上の新しいブロックを追加します。

このプラグインは、プロフェッショナルなウェブページを簡単かつ迅速に作成するのに役立ちます。

PublishPress blocks

先進的なGutenbergブロックの一部をご紹介します。

  • カラムマネージャーブロック – あらかじめ定義されたレスポンシブカラムで、WordPressにマルチカラムのコンテンツを追加できます。
  • マップブロック – 投稿やページにGoogleマップを埋め込むことができます。
  • カウンターブロック – 総売上などの数字を魅力的に見せることができます。
  • タブブロック – タブにコンテンツを簡単に追加できます。
  • 高度なリストブロック – カスタマイズされたリストアイコンとスタイルで、視覚的に魅力的なリストを作成できます。
  • いくつかの一般的なフォームブロック – お問い合わせフォーム、ニュースレターフォーム、ログイン/登録フォームなど。

プラグインはまた、ユーザーの権限グループに応じてブロックを有効化するための高度なブロックコントロールオプションを提供します。

Advanced Gutenbergプラグインは、エディターやパブリッシャー向けに人気のWordPressプラグインをいくつか開発しているPublishPressによって管理されています。

PublishPressのGutenberg Blocksをお勧めする理由: プラグインに含まれるカスタマイザーブロックには、他のコレクションでは利用できないユニークなブロックも含まれている。プラグインの開発者は、公開するためのWordPressツールの作成に特化している。

長所

  • 優れた追加ブロックセット
  • 初期設定のエディターを乗っ取らない、ごちゃごちゃしないユーザーインターフェース
  • パフォーマンスへの影響を最小限に抑えた高速性

短所

  • ユーザーがすでにログイン中であっても、ログインフォームが表示されました。

価格 無料、有料プランは69ドルから

13.スタマイザー – 美しいカスタムブロック

Stackable

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

Gutenberg用の43以上の使いやすいブロックが含まれています。

Stackable blocks

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

  • コンテナブロック – 異なるブロックを個別行にまとめることができる。
  • Feature Grid Block – スタイリッシュなグリッドレイアウトで商品の特徴やポートフォリオを紹介できます。
  • チームメンバーブロック – チームメンバーのポジション、職務、専門分野を紹介することができます。
  • 動画ポップアップブロック – YouTubeやVimeoの動画にフルスクリーンの動画ポップアップを追加できます。

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

Stackableをお勧めする理由 このプラグインは、簡単にカスタマイズできるスタイリングオプションを備えた、美しくデザインされたブロックを提供する。また、このリストにある他のプラグインよりも多くのブロックを取り揃えています。

長所

  • WordPressサイト用カスタムブロックの豊富なコレクション
  • 各ブロックの豊富なカスタマイズ設定
  • 数十種類のブロックデザイン、UIキット、ワイヤーフレームをあなたのサイトに即座に追加できます。

短所

  • 無料プラグインは、いくつかのブロックとUIキットをロックします。

価格: 無料、有料プランは49ドルから。

14.コ・ブロック

CoBlocks

CoBlocksはページ構築用のWordPressブロックを集めた無料のプラグインです。

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

CoBlocks blocks

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

  • 行とカラムブロック – グリッドシステムに基づいてダイナミックなレイアウトをデザインできます。
  • カルーセルギャラリーブロック – カルーセルギャラリーを作成し、画像を展示することが有効化されます。
  • アラートブロック – 魅力的なアラートを作成し、WordPressの投稿やページに挿入します。
  • 投稿者プロフィールブロック – WordPressの投稿やページに投稿者プロフィールボックスを追加できます。

このプラグインを使えば、簡単にブロックをカスタマイズできます。フォントの変更、マージンやパディングの設定、色の選択などが可能です。

さらに、ブロックの中には、画像フィルターやアニメーション効果などの高度な機能を提供するものもあります。

CoBlocksをお勧めする理由 初期設定のエディターの見た目を損なうことなく、カスタマイザーのブロックを集めたいのであれば、このプラグインが最適だろう。使いやすく、初期設定のブロックに溶け込む。

長所

  • 便利なカスタムブロックの適切なコレクション
  • アニメーションやイメージフィルターエフェクトは、いくつかの要素に便利です。
  • 初期設定のUIを変更することなく、ブロックエディターでブレンドが可能

短所

  • リストにある他のプラグインよりも、ブロックのセットが小さい。
  • ブロックのデザインとスタイリングのオプションは限られている。

価格 無料

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

Advanced Editor Tools

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

新しいGutenbergブロックエディターにも対応した。

Classic Editor block in Advanced Editor Tools

アドバンスト・エディター・ツールでは、初期設定ブロックに追加の設定とスタイルオプションがあります。例えば、フォントを選択できる新しい書式設定ボタンがツールバーに表示されます。また、ツールバーに表示するボタンを調整することもできます。

アドバンスト・エディター・ツールをお勧めする理由: 古いエディターから移行した人の多くは、クラシックエディターブロックで編集できるコンテンツを持っていました。そのような人たちのために、このプラグインはブロックエディターに切り替えつつ、その中でクラシックエディターを使用するオプションを提供します。

長所

  • クラシックエディターに代わる優れたエディター
  • クラシックエディターブロックエディターを拡張し、より多くの設定オプションを追加。
  • ブロックエディター内で簡単に使える

短所

  • カスタムブロックのような設定オプションがない。

価格 無料

入選作品

上記で紹介したもの以外にも、市場には多くのGutenbergブロックプラグインが存在する。ここでは、上記のプラグインの代わりとして使える優れものをいくつか紹介しよう:

さらに、コンテンツに特化したWordPressプラグインのほとんどがGutenbergに対応し、独自のブロックを備えている。

WordPressに最適なGutenberg Blocksプラグインはどれ?

ニーズに合わせて、個別ブロックプラグインとブロックライブラリープラグインを組み合わせることをお勧めします。

例えば、フォームにはWPFormsを、ポップアップにはOptinMonsterを、SEO対策にはAll In One SEOを使うことができます。

ブロックライブラリープラグインの中では、Genesis Blocksが最良の設定であり、Spectraはその次である。

この投稿が、あなたのWordPressサイトに最適なGutenbergブロックを見つける一助となれば幸いです。また、Gutenbergに適したWordPressテーマの厳選リストや、オンラインコースを作成・販売するのに最適なWordPressメンバーシッププラグインの比較もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

20件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Muthomi says

    I’ve been using Spectra (back then it was called Ultimate Addons for Gutenberg) for a while now, and it really does provide a great set of essential blocks that I find myself using every time I write a new blog post. The container and info box blocks are extremely handy.

    this roundup has also made me interested in trying out the Smash Balloon plugin for my local travel blog.
    being able to easily embed beautiful Instagram photo feeds sounds like it could be an awesome way to showcase my travel photography and make my blog more visually engaging.

    thanks for putting together this helpful list of Gutenberg blocks plugins! It’s given me some new blocks to experiment with.

  3. Moinuddin Waheed says

    Gutenberg block editor is the new crush for the WordPress user base and for the right reasons.
    I have heard that websites made up of block editor are somewhat faster in comparison to the ones that are build with page builders.
    I am using generateblocks and generateblocks pro for many websites.
    For beginners, it would take some time to get familiarity with but once you get a knack of using it, you will definitely love it.
    Thanks for all the Gutenberg blocks options.

  4. Jiří Vaněk says

    For a very long time I made sites only on Elementor and now every now and then I get sites without it, only with Gutenberg. And so I’m slowly relearning how to work effectively with Gutenberg. Thank you for each of these tutorials directly on the block editor. It helps a lot to get back into it.

  5. Ahmed Omar says

    What an impressive roundup! Your curated list is a treasure trove for anyone looking to elevate their website functionality.
    The way you’ve highlighted their super-useful features is a real time-saver.
    Pro tip: Consider grouping complementary blocks for a seamless and cohesive design. Thanks for putting together this invaluable resource, making it easy for users to discover the perfect plugins to enhance their Gutenberg experience. Your expertise truly shines through!

  6. Hugo Nobre says

    Great post.
    I have been using Kadence, both the theme and blocks.
    My WordPress site is scoring pretty good on performance and loading fast.
    Although I would say, there might be some disadvantages in terms of design when compared with pages builders.

  7. Sunil Suresh says

    I notice that one set of block addons is usually not enough. Many a time, we need some blocks which are in one block library addon and other blocks which are in another set. For example, I’ve been using Ultimate Addons for Gutenberg but it doesn’t have a Tab List block so I’m forced to also use another Addon collection that has a Tab List. (Or there may be two sets of blocks where I like some features of one set and some feature of the other set.)

    So, if I use a combination 3 or 4 of these plugins, will this slow down my site? In other words, will these plugins all add additional codes to my site/page and make it slow?

  8. Kevin says

    Thanks for posting. I’m a little bit confused as to how Gutenberg works with woocommerce. Is there woocommerce specific Gutenberg blocks or can it not work with woocommerce?
    Thanks

    • WPBeginner Support says

      It would depend on what you’re trying to do for if there is a block or something else but WooCommerce and Gutenberg do work together.

      管理者

  9. Louise Findlay says

    Awesome post. I’ve heard of some of the Gutenberg libraries already from Twitter and plan on trying out Ultimate Addons and Ultimate Blocks.

返信を残す

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