WordPress用の14の最高のグーテンベルクブロックプラグイン

公開: 2020-11-15

グーテンベルク編集者の長い待ち時間はついに終わりました。 現在WordPressで利用できます。 古いTinyMCEエディターを置き換えて、これは豊富な機能を使用してコンテンツを作成するためのまったく新しい概念をもたらします。

グーテンベルクエディターを使用すると、コンテンツを複数のブロックに分割できます。 コンテンツを含む既存のブロックをいつでも追加または削除できます。 簡単に言うと、 Gutenbergエディターは、さまざまなコンテンツブロックをすべてドラッグアンドドロップできるページビルダーによく似ています。

ブロックについて説明しますが、Gutenbergエディターでは、引用符、列、表紙、画像、見出し、段落など、さまざまな種類のブロックタイプを提供できることに注意してください。 異なるブロックごとに個別にオプションを編集することもできます。

グーテンベルクの最も注目すべき機能の1つは、開発者がパーソナライズされたブロックプラグインをあらゆるコンテンツに適したものにすることができることです。 これらのプラグインは、Gutenbergエディターの機能と品質を向上させるためにのみ機能します。

これらのプラグインの優れた例は、追加できる「お客様の声」機能です。 これらのさまざまなプラグインで実行できることには制限がありません。

この投稿では、グーテンベルクに最適な10個のブロックプラグイン、全体的な品質を向上させ、グーテンベルクエディターからすべてを確実に引き出すプラグインを紹介します。

Gutenberg WordPressエディターは、WordPressのコンテンツを作成するときにブロックを表示する方法を変更します。 すべてのテキストを1つの統一されたボックスに入れるTinyMCEの従来のアプローチとは異なり、グーテンベルクにはコンテンツごとに個別のブロックがあります。

これについて印象的なのは、サードパーティの開発者が喜んで受け入れる機会をもたらすことです。 独自にカスタマイズしたブロックを作成するためのツールを提供し、コンテンツを作成するときにGutenbergでこれらの同じブロックを利用できます。

この可能性のおかげで、ブロック用の高口径のグーテンベルクプラグインがすでに多数リリースされています。

目次

グーテンベルクブロックプラグイン–どのように機能しますか?

グーテンベルクのブロックプラグインは非常に簡単に使用できますが、まだ比較的新しいため、どのように機能するかについて話すのは良いことです。おそらく、まだ慣れていない可能性があります。

基本的に、これらのプラグインには、いわゆる「プラグアンドプレイモデル」が組み込まれています。 インストールするとすぐに使用できるようになり、すぐに使用できるようになります。 自由にグーテンベルクインターフェースから新しいブロックを追加し始めます。

これは、ブロックを使用してコンテンツをカスタマイズする新しい方法を紹介する上位14のGutenbergブロックプラグインです。

この投稿をよく読んで、グーテンベルクの編集者が提供するものからすべてを引き出すことができるようにしてください。

グーテンベルクの究極のアドオン

グーテンベルクの究極のアドオン

WordPressデポジトリ全体で最も有名なグーテンベルクブロックプラグインの1つとして知られている、グーテンベルク用のアルティメットアドオンがあります。 Beaver Builder、Schema Pro、Astra Theme、Convert Pro、およびElementorのUltimateAddonsを提供したのと同じ人々が持ってきました
このプラグインコレクションは、すでに設備の整ったグーテンベルクエディターに多くの新しいブロックを追加します。

このプラグインには、合計17個のブロックが含まれています。 それらは次のとおりです。
グーテンベルクプラグインのUltimateAddonsの各ブロックは、他に類を見ないものであり、Webサイトを素晴らしい光景にするのに役立ちます。
プラグインはパフォーマンスを優先し、正しく最適化されているため、Webサイトのパフォーマンスが低下することはありません。 それに加えて、それも無料です!

含まれるブロック:

  • セクションブロック
  • マルチボタンブロック
  • 高度な見出しブロック
  • ポストグリッドブロック
  • ポストカルーセルブロック
  • ポスト組積造ブロック
  • 情報ボックスブロック
  • グーグルマップブロック
  • チームブロック
  • コンテンツタイムラインブロック
  • ソーシャルシェアブロック
  • お客様の声ブロック
  • アイコンリストブロック
  • レストランメニューブロック
  • ポストタイムラインブロック
  • 召喚状ブロック
  • 高度な列ブロック
  • ブロッククォートブロック
  • お問い合わせフォーム7スタイラーブロック
  • 重力フォームスタイラーブロック
  • マーケティングボタンブロック
  • 価格表ブロック
  • 目次ブロック

アトミックブロック

アトミックブロック

Guneberg Blockプラグインコレクションのもう1つの人気のあるアドオンは、AtomicBlocksです。 Array Themesの人々によって作成されたこのプラグインは、さまざまな種類のブロックでいっぱいのプラグインであり、Gutenbergエディターをさらに細かく制御できます。

プラグインは使い勝手が良く、ブロックの助けを借りて、見栄えの良い投稿やページを作成できます。 また、どのテーマとも互換性があります。
WPエンジンは最近プラグインを取得しました。

現在、Atomic Blocksは11個の新しいブロックを追加しており、さらに多くのブロックが追加される予定です。

  • ポストグリッド
  • 容器
  • 推薦状
  • インライン通知
  • アコーディオン
  • アイコンを共有する
  • アクションの呼び出し
  • カスタマイズ可能なボタン
  • スペーサー&分割
  • 著者プロフィール
  • ドロップキャップ

高度なグーテンベルク

高度なグーテンベルク

Joom Unitedの善良な人々によってもたらされたこのプラグインは、いくつかのクールなGutenbergブロックを提供するGutenbergへの優れた追加機能です。 このブロックのブロックの多くは一意であり、リストにある他のプラグインのいずれにも見つかりません。

ただし、このプラグインには、単なるブロック以上のものがあります。 カスタムプロファイルを作成してから、グループとユーザーをそれらに割り当てます。 それのもう一つの素晴らしい点は、グーテンベルクのアイコンの色を変更できることです。 最後になりましたが、段落ブロックにカスタムCSSスタイルを適用できます。

結論として、このプラグインは非常に多くの素晴らしい機能をすべて無料で提供します。 それらを使用して、グーテンベルクエディターの機能をさらに強化します。

含まれるブロック:

  • 最近の投稿ブロック
  • WooCommerce製品ブロック
  • 高度なボタンブロック
  • お問い合わせフォームブロック
  • 高度なリストブロック
  • マップブロック
  • アコーディオンブロック
  • タブブロック
  • カウンターブロック
  • 高度な画像ブロック
  • 高度なテーブルブロック
  • ソーシャルリンクブロック
  • 高度なビデオブロック
  • 画像スライダーブロック
  • サマリーブロック
  • お客様の声ブロック

Guteblock

Guteblock

Guteblocksは、驚くべきGutenbergブロックの素晴らしいコレクションを提供します。 それらを使用して、ほとんど楽に完璧なWebサイトを構築できます。 Guteblocksは、最初はほんの数ブロックで始まりました。

しばらくすると、その数は増えて34ブロックに達し、すべて無料で利用できます。 以下では、Guteblockの無料バージョンに間もなく登場するブロックについて読むことができます。

Guteblocksの背後にあるチームは、さらに高度なブロックをすぐに備えたプレミアムバージョンのリリースを目指しています。 Guteblock Proは、Amazon Affiliate Link Block、Add Event to Calendar Block、Stripe Payment Block、Paypal Donation Block、Advanced Button Block、Quick Contact Blockなどのブロックで構成され、これはほんの始まりに過ぎません。

Guteblocksの背後にいる同じチームが最近、GutenbergBlocksの可能性を最大限に引き出すことができるWordPress用の新しい用途の広いブログと雑誌のテーマを開発しました。 Guteblog Proには、レイアウトに9つの最先端のデザインがあり、すべてが理想的なブログやWebサイトの構築に適しています。 ほんの数分であなたのウェブサイトをセットアップするのを助けるいくつかのデモも含まれています。

人気のあるブロックのいくつかは次のとおりです。

  • チームメンバーブロック
  • お客様の声ブロック
  • コンテナブロック
  • ポストグリッドブロック
  • セパレーターブロック
  • ナンバーボックスブロック
  • ドロップキャップブロック
  • 通知
  • CTA
  • 著者プロフィール
  • アイコンの共有
  • スペーサーとディバイダーブロック

カデンスブロック

カデンスブロック

これまで、Gutenbergエディターのブロック数を増やすだけのGutenbergブロックプラグインを見てきました。 Kadence Blocksが他のすべてのプラグインと異なる点は、レイアウトを簡単に設計およびカスタマイズできることです。 このプラグインを使用すると、ページビルダーは過去のものになります。

このプラグインのすべてのブロックを使用すると、列を制御でき、背景の編集とグラデーションオーバーレイの追加によるカスタマイズが可能になります。

Kadence Blocksは完全に無料で、グーテンベルクの編集者に新たなひねりを加えています。

人気のあるブロックのいくつかは次のとおりです。

  • 行レイアウトブロック
  • タブブロック
  • アコーディオンブロック
  • アイコンリストブロック

Getwid

Getwid

Getwidは、複数の目的のためのコンテンツブロックを含む豊富なライブラリで構成されています。 これらのブロックは、ランディングページ、ブログ、eコマース、中小企業のWebサイト、企業サイトなど、あらゆる種類のWebサイトに使用できます。

このプラグインの作成者はMotoPressです。 彼らのチームはビジネスにとって見知らぬ人ではありません。 彼らは、たとえば、MotoPressコンテンツエディタのようなWordPressでコンテンツを編集するためのユーザーフレンドリーなページビルダーとツールを作成することに長年の経験があります。

Getwidは、WordPress用に24以上の無料ブロックを提供する数少ないプラグインの1つでもあります。

このプラグインは、すべてのWordPressテーマと互換性があります。 これは、Getwidによって構築された個々のグーテンベルクブロックが、すでに使用しているテーマのデザインに自動的に適応し、他のすべてのものと体系的にブレンドされるためです。

重要なブロックには次のものがあります。

  • セクション
  • 画像ホットスポット
  • バナー
  • コンテンツのタイムライン
  • スライダー
  • Mailchimpオプトイン
  • お問い合わせフォーム
  • 最近の投稿を表示するための複数のオプション。

グーテンベルクのエディターブロック

グーテンベルクのエディターブロック

より単純なグーテンベルクブロックプラグインの1つであるグーテンベルク用エディターブロックは、美しいページを構築するために明示的に作成されたブロックの特別なコレクションを提供します。

プラグインの作成者は、ユーザーが必要なブロックを選択できるように、Gutenbergブロックライブラリも作成しました。

プラグインは無料で入手できます。 作成者は、このプラグインと一緒に使用するには、常に「全幅」テンプレートを使用することをお勧めします。 彼らはまた、あなたが無料で手に入れることができるこのプラグインのために特別にカスタマイズされたテーマを作りました。

ブロックのいくつかは次のとおりです。

  • ヒーローブロック
  • 価格表
  • チームメンバー
  • ラッパーブロック
  • 推薦状
  • ブランド

ZeGuten

グーテンベルクブロックプラグイン

ZeGutenは、WordPressブロックエディター用に設計された非常に手頃な価格のブロックとさまざまなレイアウトオプションのバンドルです。

言及する価値のある現在開発中のブロックは、スティッキーカラム、インラインSVG、およびスライダーブロックです。

投稿のブロックに関しては、5つのレイアウトから選択できるため、多くの作業を行うことができます。

最も注目すべきブロックのいくつかは次のとおりです。

  • 投稿リスト
  • セクション
  • 画像比較
  • 高度なマップ
  • 価格表
  • カルーセル
  • チームメンバー
  • お客様の声

カワウソブロック

カワウソブロック

次に、カワウソブロックがあります。 WordPressブロックプラグインの独自の特別なイテレーション。 それはすっきりしていて、どんなサイトへの追加も歓迎します。 パフォーマンスに悪影響を与えることなく、自由に使用できます。

これに加えて、Webサイトに最適なものが見つかるまで、12個の固有のブロックを試すことができます。

Otter Blocksは、サービスモジュールや価格設定などの機能を探しているブロガーやビジネスオーナーに最適です。 それはそれが他の誰にも適していないという意味ではありません。 それどころか、Otterは、あらゆるWebサイトタイプの優れたページと見出しをすべてゼロの価格で構築するのに役立つ一般的な目的のブロックを提供しています。

含まれているブロックのいくつかは次のとおりです。

含まれるブロック:

  • セクションブロック
  • 高度な見出しブロック
  • ボタングループ
  • サービスブロック
  • 価格ブロック
  • お客様の声ブロック
  • グーグルマップブロック
  • 著者ブロックについて
  • ポストグリッドブロック
  • Font Awesome Block
  • アイコンブロックの共有
  • プラグインカードブロック
今すぐ入手

オービットフォックス

グーテンベルクブロックプラグイン

私たち自身の別のプラグインであるOrbitFoxには、提供できるものがたくさんあります。 まず、このプラグインには22個のブロックが含まれており、多数の機能とさらに多くのカスタマイズオプションが満載されています。 さらに、このプラグインには、ソーシャル共有用のモジュール、Google Analytics統合、組み込みのコンテンツ配信ネットワーク(CDN)など、他の独自の機能も含まれています。

Orbit Foxは、さまざまな理由で使用できます。 あなたが自分自身にいくつかの独特のブロックを見つけるために目を光らせているならば、それは非常に役に立ちます。 それはあなたが同時にそのパフォーマンスを向上させながらあなたがより効率的にあなたのウェブサイトを管理することを可能にする改善された機能をあなたに提供します。

このプラグインは基本的に他の多くのプラグインを置き換えるため、冗長に使用できるため、自由に置き換えてください。 OrbitFoxと互換性のないテーマはありません。 使用するものはすべて、無料で問題なく動作します。

含まれるブロック:

  • 著者ブロックについて
  • アコーディオンブロック
  • 円グラフブロック
  • FontAwesomeIconsブロック
  • グーグルマップブロック
  • 通知ブロック
  • プラグインカードブロック
  • グリッドブロックを投稿
  • 価格表ブロック
  • 私たちのサービスブロック
  • アイコンブロックの共有
  • 証言エリアブロック
  • クリックしてツイートブロック
  • 高度な見出しブロック
  • セクションブロック
  • セクション列ブロック
  • ボタングループブロック
  • アコーディオンアイテムブロック
  • お客様の声ブロック
  • 価格ブロック
  • サービスブロック
今すぐ入手

グーテンベルクのプレミアムブロック

グーテンベルクのプレミアムブロック

名前にだまされてはいけません。 グーテンベルクのプレミアムブロックは完全に無料です。 提供するブロックは12個あり、すべてWebサイトのパフォーマンスを念頭に置いて設計されています。

何らかの理由でパフォーマンスがまだ不足している場合は、使用する予定のないブロックを無効にして、速度をさらに最適化することができます。

あらゆる面で、グーテンベルクのプレミアムブロックは強力な選択肢であり、アイコン、価格設定セクション、アコーディオンタブなどを操作するために必要なすべてのツールを提供します。

間違いなく、軽量のデザインを好み、最高のパフォーマンスと速度を実現するために最適化できるプラグインを探している場合は、WordPress用の優れたプラグインの1つを利用できます。

含まれるブロック:

  • バナーブロック
  • ボタンブロック
  • カウンターブロック
  • デュアルヘディングブロック
  • アイコンブロック
  • マップブロック
  • 価格表ブロック
  • セクションブロック
  • 証言ブロック
  • アコーディオンブロック
  • アイコンボックスブロック
  • ビデオボックスブロック
今すぐ入手

究極のブロック

究極のブロック

Ultimate Blocksは、18個のグーテンベルクブロックのコレクションを無料で提供しています。 これらのブロックの一部には、他のプラグインには搭載されていないエキセントリックなブロックが含まれています。

そのようなユニークなブロックの1つであるスキーマ対応のレビューブロックには、Google検索からリッチスニペットを見つけるのに役立つ構造化データを含めることができるレビューボックスに入れるオプションがあります。 このブロックを使用すると、さまざまな基準に評価を付けてから、すべての評価を1つにまとめることができます。

また、単独で使用できる星評価用の別のブロックも含まれています。

コンテンツフィルターブロックは、訪問者が上部にあるフィルターボタンを使用してコンテンツをフィルター処理できるようにする、さらに別の別個のブロックであり、ページの再読み込みは必要ありません。

Ultimateブロックプラグインには現在18個のブロックがあります。

  • コンテンツフィルター
  • レビュー(スキーママークアップ有効)
  • 目次
  • タブ付きコンテンツ
  • アクションの呼び出し
  • コンテンツトグル(アコーディオン)
  • フィーチャーボックス
  • 通知ボックス
  • ナンバーボックス
  • 推薦状
  • クリックしてツイート
  • ソーシャルシェア
  • 秒読み
  • プログレスバー
  • 星評価
  • 画像スライダー
  • ボタン(改善)
  • 仕切り
今すぐ入手

Qubely

グーテンベルクブロックプラグイン

Themeumからのリリースは、機能満載のGutenbergブロックプラグインで、無料のコアバージョンとプレミアムバージョンの2つのバージョンがあります。 Themeumは、最近レビューした学習管理用のプラグインであるTutorLMSWordPressプラグインを提供したチームとして覚えているかもしれません。

Qubelyにはさまざまなブロックが装備されており、150を超える作成済みのテンプレートとセクションを含むコレクションが増え続けており、自由に編集およびインポートできます。

Qubelyのブロックのいくつかは次のとおりです。

注目すべきQubelyブロックのいくつかは次のとおりです。

  • タイムライン
  • ポストグリッド
  • アコーディオン/トグル
  • 高度なテキスト
  • ビデオポップアップ
  • グーグルマップ
  • プログレスバー
  • ボタン
  • 推薦状
  • 見出し
  • カウンター
  • タブ
  • アイコン
  • 仕切り
  • ソーシャルアイコン
  • ボタングループ
  • ボタン
  • インフォボックス
  • 高度なリスト
  • お問い合わせフォーム
  • アイコンリスト
  • 価格設定
  • ブロックラッパー
  • チーム
  • 画像
今すぐ入手

CoBlocks

グーテンベルクブロックプラグイン

2019年4月に有名なGoDaddyドメインによって買収された、素晴らしいグーテンベルクブロックの有名なコレクションであるCoBlocksがあります。

その目標は、ページ構築のユーザーエクスペリエンスを拡張し、ブロックエディターを改善することです。

Coblocksには31を超えるレイアウトとブロックがあります。 クリエイターは、レイアウトとデザインの管理を支援したいと考えています。 そのため、柔軟な列と行のブロックを追加しました。 ダイナミックセパレーターブロックとシェイプディバイダーブロックも含まれているので、物事を簡単に分割できます。

最後に、WordPressとCoBlocksの両方のデフォルトブロックと互換性のあるタイポグラフィコントロールパネルを追加し、タイポグラフィを完璧に制御できるようにしました。

人気のあるブロックのいくつかは次のとおりです。

  • 著者プロフィール
  • フード&ドリンク
  • ヒーロー
  • ロゴとバッジ
  • ポストカルーセル
  • 価格表
  • サービス
今すぐ入手

WordPressブロックプラグイン–結論

WordPress用のこれらのプラグインのどちらを使用する場合でも、ブロックの使用を開始するのは簡単です。

インストールしてアクティブ化すると、選択したプラグインにアコーディオンセクションが表示されます。

何らかの理由でセクションが表示されない場合は、名前でブロックを検索してください。

それ自体でも、 WordPressブロックエディターは非常に便利であることを覚えておく必要があります。 ブロックベースのシステムは、それを改善するだけであり、無限の拡張、創造性、および可能性を提供します。 あなたが読んだこれらの各ブロックは、あなたのウェブサイトに追加するユニークで流動的なコンテンツを作成するときに非常に役立ちます。