WordPress ウェブサイトに最適な 9 つのグーテンベルク ブロック プラグイン

公開: 2019-04-20

ねえ、ここで、ブログ投稿を魅力的にするための最高のGutenberg Blocks プラグインを思いつきましたか?

ワードプレスは複数の新機能とプラグインを導入しました。これにより、すべてのブロガーにとってより魅力的なものになるだけでなく、サイトがより効率的でユーザーフレンドリーになり、大量の新機能を導入することで市場が拡大します…

従来の TinyMCE エディターの場合のように、単一の統合ボックスではなく。 この場合、Gutenberg のコンテンツの各ビットは独自のブロックです。

これの概念は、段落、写真、またはブロック引用さえも独自のブロックにすることができるということです。

Gutenberg がプラグインをブロックする理由

また、本質的に行うことは、サードパーティのユーザーが、Gutenberg でコンテンツを作成しているときに使用できる独自のブロックを追加できるようにすることです。

たとえば、基本的なテキスト ブロックを増やして、テキストと背景色を変更します。 画像ブロックを使用すると、オーバーレイの色を修正できます。

同様に、魅力的でカスタマイズされたコンテンツを形成するために使用する完全に異なるブロックがあります。 また、ソーシャル メディア アイコンのブロックもあります。 これにより、コンテンツの合間にソーシャル共有の選択肢を組み込むことが可能になります.

Gutenberg プラグインは実際にどのように機能しますか?

ブロック プラグインが Gutenberg で機能する、非常にユーザー フレンドリーでシンプルな方法です。 これらのプラグインはすべて、基本的にプラグ アンド プレイです。

最初に、プラグインをインストールしてアクティブ化する必要があります。 そして簡単に言えば、彼らはすぐに通常の Gutenberg インターフェースから独自の新しいブロックを使い始めることができます。

以下に示すのは、最近導入された最高の Gutenberg ブロック プラグインです。

WordPressブログをスーパーチャージするための最高のグーテンベルクブロックプラグイン

願わくば、最高のWordPress Gutenburgブロックプラグインについて長い間知りたいと思っている人々にとって、以下で説明するものが確実に役立つでしょう.

1. Gutenberg Blocks – Gutenberg の究極のアドオン

Ultimate Addon Gutenberg ブロック

Ultimate Add-On は、すべての正当な理由で人気があります。 このプラグインは、Web マスターのブロックを簡単に作成できるようにすることを念頭に置いて、Brainstorm Force によって開発されました。 いくつかの素晴らしいブロックが含まれています。

1.高度な見出し2.高度な列
3. 引用4.行動を促すフレーズ
5. Contact Form 7 スタイラー6. コンテンツのタイムライン
7. グーグルマップ8.重力フォームスタイラー
9. アイコン一覧10. 情報ボックス
11. マーケティングボタン12. マルチボタン
13 投稿カルーセル14.ポストグリッド
15. ポスト・マンソリー16.タイムラインを投稿する
17. 価格表18. セクション
19.ソーシャルシェア20. チームメンバー
21. お客様の声

2.アトミックブロック

アトミックブロック

フィーチャー アトム ブロックは、Array テーマを導入した同じチームによって導入されました。

Array Themes は、高品質のコードを書くことで高い評価を得ている人気のテーマ ショップです。

Atom Blocks での新しいブロックの導入により、これらはアップロードされた次の機能です。

1.ポストグリッド2.コンテナ
3. お客様の声
4.インライン通知
5. アコーディオン6.ドロップキャップ
7. アイコンを共有する8.行動を促すフレーズ
9. カスタマイズ可能なボタン10.スペーサーとディバイダー
11. 価格ブロック12. 著者プロフィール

3. 積み重ね可能 – 究極のグーテンベルク ブロック

積み重ね可能なグーテンベルク ブロック
積み重ね可能なグーテンベルク ブロック

Stackable は、聴衆から非常に大きな注目を集めているもう 1 つの Gutenberg ブロック プラグインです。

23 以上の新しいブロックをユーザーに提供すると同時に、サイトがユーザーに提供しなければならない最も高度なブロックの 1 つも含まれています。 最も人気のあるもののいくつかは次のとおりです。

1.コンテナブロック2. セパレータブロック
3.ポストブロック4. フィーチャー グリッド ブロック
5. アコーディオンブロック6. イメージ ボックス ブロック
7.注目のブロック8. アイコン一覧ブロック
9.行動喚起ブロック10.カードブロック
11.ヘッダーブロックカウントアップブロック
13. ビデオ ポップアップ ブロック14. 価格ブロック
15. 証言ブロック16. チームメンバーブロック
17.通知ブロック18.ナンバーボックスブロック
19.ブロックを展開/表示20. ボタンブロック
21. ブロック引用ブロック22. 仕切りブロック
23.スペーサーブロック

これまでのところ、Stackable にはこれらの多くのすばらしいブロックがあり、さらに追加され、リンクに追加されます。 最高級のグーテンベルグ ブロック エディターの 1 つとして知られています。

4. Ultimate Blocks – カスタム Gutenberg ブロック

究極のブロック

Ultimate Blocks には、このブログ投稿を書いている時点で17 個のクールなブロックが付属しており、ライブラリにクリーンなブロックを急速に追加する傾向があります。

1. レビュー (スキーマ有効化) ブロック2.目次ブロック
3. タブ付きコンテンツ ブロック4.クリックしてツイートブロック
5. タブ付きコンテンツ ブロック6.ソーシャルシェアブロック
7.行動喚起ブロック8.カウントダウンブロック
9. コンテンツ アコーディオン ブロック10.プログレスバーブロック
11.機能ボックスブロック12.星評価ブロック
13. 通知ボックス14. ボタン
15.ナンバーボックスブロック16.ディバイダーブロック
17. 画像スライダー ブロック

このプラグインのその他の優れた点は、使用したいモジュールのみをアクティブ化できることです。 また、Ultimate Block Manager を使用すると、クリックするだけで非常に簡単になります。

Ultimate Blocks による Gutenberg Blocks マネージャー
究極のブロックマネージャー

ローカルで多くの試行を行った後、このプラグインは適切にコーディングされていることがわかりました。 そして、更新のたびに改善されていることが観察されました。 ウェブサイトの読み込み速度に影響を与えることなく、きれいに書かれたプラグイン。

5. Kadence ブロック – Gutenberg ページ ビルダー ツールキット

カデンス ブロック
カデンス ブロック

リストのもう 1 つのビッグ ネームはKadence Blocksです。 Thrive Architect や Elementor などのサードパーティのページビルダーで Web サイトを操作または設計しているような感覚を与える、巧妙に作成されたプラグイン。

リスト内のいくつかの素晴らしいブロック機能は、

1.行/レイアウトブロック2. タブ付きブロック
3.情報ブロック4.高度な見出し
5. 高度なボタン6. アコーディオン
7.スペーサー/ディバイダー8. カスタム アイコン
9. アイコン一覧

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

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

このグーテンベルク ブロック プラグインは、 JoomUnitedによって開発されました。 公式ウェブサイトによると、これらのブロックはすべてを改善し、多くのポジションやさまざまなポイントでパフォーマンスを向上させることができます. ブロックは非常にクールに見え、ページの見栄えをさらに良くします.

提供するブロックは次のとおりです。

1. 最新の Post および Woo Commerce 製品2. グーテンベルグ ギャラリーの機能強化
3. コンテンツ ブロック4. 画像とビデオのブロック
5. メールと連絡フォームのブロック6. アコーディオン
7. タブブロック8. 設計ブロック
9. ブロックのカスタムスタイル10.高度なテーブル
11. 高度なボタン


その専門分野の 1 つであるユーザーに提供する約 11 以上のブロックがあります。 11 ですが、コンテンツの見栄えをさらに良くしたい場合は、Gutenberg Block プラグインを試す必要がある非常に便利なものです。

7. 高度なグーテンベルク ブロック

高度なグーテンベルク ブロック
高度なグーテンベルク ブロック

グーテンベルグによる最も注目すべき紹介の 1 つであるこれは、最大の聴衆を引き付け、需要率が高い機能の 1 つです。

16 を超える新しい Gutenberg ブロックがあり、公式 Web サイトで説明されているように、それらは次のとおりです。

1. 情報/通知ブロック2.ブロックを投稿する
3.ウーコマース製品4. Woo Commerce カートに入れるボタン
5.バナー広告ブロック6. 目次 ブロック
7. Click to Tweet ブロック8.Googleマップブロック
9. ウェブサイト カード プレビュー ブロック10. WordPress プラグイン カード ブロック
11. 証言ブロック12. テキスト + 広告ブロック
13.ブロックを外す14.ジフィーブロック
15.イントロブロック16. コードブロック

あなたの物事をより良くし、別の方法であなたの立場を動かすことができる証言ブロックも含まれています.

8. Coblocks – ページ ビルダー グーテンベルク ブロック

Coblocks Gutenberg プラグイン
CoBlocks Gutenberg プラグイン

Coblocks はThemeBeansによって設計され、現在 GoDaddy によって取得されています。 全体として、Coblocks、ThemeBEans、Block Gallery は現在、GoDaddy の人気のあるドメイン レジストラーの 1 つです。

コンテンツ マーケターのためのグーテンベルク ブロック」としてブランド化されているため、ユーザーは、コンテンツの作成と投稿の対象とすべきターゲット オーディエンスについての優れた感覚とアイデアを得ることができます。

これは、テーマ Bean を設計したのと同じチームによって構築されており、約 10 個以上の新しいブロックがあります。 この機能のユニークなものは次のとおりです。

1.サイズ変更可能な行/列ブロック2.シェイプディバイダーブロック
3.ヒーローブロック4. ボタン ブロック (New!)
5.機能ブロック6. メディア カード ブロック
7. アイコンブロック8.マップブロック
9. アコーディオンブロック10.アラートブロック
11.著者プロフィールブロック12.クリックしてツイートブロック
13. 動的分離ブロック14.GIFブロック
15. GitHub Gist ブロック16.ハイライトブロック
17.価格表ブロック18.ソーシャル共有ブロック

したがって、前述のブロックは、WordPress Gutenberg によって新しく導入されたブロックの中で最もパフォーマンスが高いものです。

提供されるこの情報は、読者がこれらの新機能の使用を計画する際に何を期待すべきかについての公正なアイデアを提供するための非常に最小限の情報です.

同じことについてより多くの情報を得るために、ユーザーまたは読者は公式リンクを確認する必要があります。ここでは、もう少し詳細な分析が提供されるだけでなく、機能を使用して確認して自分で分析することもできます。これらの機能がお客様にもたらすメリットを十分に理解してください。

これらのブロックの背後にあるテクノロジーは、ユーザーが試してテストして初めて完全に理解できます。

9. Gutenberg ブロック デザイン ライブラリ

デザインハブ ブロック
デザインハブ ブロック

まず、複雑なページ レイアウトを Gutenberg エディターで直接作成します。 これは、乱雑またはバグのある列やセクションなしで実行する必要があります。

WPDesignHub プラグインは、デフォルトの Gutenberg ブロックを使用して作成された、すぐに使用できるセクション デザインのコレクションです。

ページで余分な JS や CSS を呼び出す必要はありません。 グーテンベルグ対応のテーマとの最大のパフォーマンスと互換性」により、ユーザーは、このブロックが存在しない場合に数時間かかる傾向のある数時間ではなく、数分でコンテンツを作成できます。

これは、高度なページ コンテンツを作成することを選択する代理店や Web デザイナーにとって、実際の資産として機能しますが、古い機能がかなり制限されていると感じています。

結論

プラグインページに進んでチェックして、すべてのプラグインが提供する必要がある新しいものを確認できます. このリソースを使用すると、検索が簡単になり、今すぐ最適な WordPress Gutenberg Block プラグインを見つけることができます.

これらのプラグインはすべて頻繁に更新され、効果的なコンテンツ作成のために新しい革新的なブロックが追加されています。

新しい Gutenberg エディターは、コンテンツの制作と公開に強力な機能を提供します。 そして、これらのプラグインは、さらにブロックを提供することで、ブロックベースのエディターの機能を強化します。

それで、あなたはどれが一番好きでしたか?