WordPressの新しいエディターで何が可能かを示す3つのGutenbergブロックコレクション

岩の下に住んでいない限り、グーテンベルクエディターの発売が間近に迫っていることを聞いたことがあるでしょう。 新しいエディターは、左側のダッシュボードメニューが2008年に誕生して以来、WordPressで発生する最大の出来事です。この新しいパラダイムの最も重要な変更の1つは、エディターの機能を拡張できる「ブロック」の導入です。色々な方法。

グーテンベルクが正式にリリースされる前でさえ、ベータエディタに追加できるカスタムブロックがすでにたくさんあり、その機能が1マイル向上します。 この記事では、グーテンベルクがどこに向かっているのか、ブロックコレクションがどのように役立つのか、そしてすでにスピンのために取ることができるいくつかのオプションについてもう少し話します。

飛び込みましょう！

グーテンベルクが今立っているところ

ご存知かもしれませんが、グーテンベルクはWordPress5.0で起動するように設定されています。 新しいエディターはプラグインとして数か月間利用可能でしたが、11月にコアにマージされるように設定されています。 言い換えれば、今がWordPressの未来に備える良い機会です。

前回グーテンベルクについて話して以来、かなりクールな変更が加えられました。 たとえば、ブロックをドラッグアンドドロップできるようになりました。これにより、グーテンベルクはページビルダーのような感覚に一歩近づきます。

さらに、再利用可能なブロックテンプレートを作成できるようになりました。これは、コンテンツ作成ワークフローを高速化するための優れた方法です。 ブロックテンプレートをインポートおよびエクスポートすることもできます。これにより、コラボレーションのためのいくつかのクールな手段が開かれます。

リマインダーが必要な場合、モジュールはDivi Builderに対するものであるため、ブロックはGutenbergに対するものです。 別の言い方をすれば、これらはグーテンベルクがページと投稿を構造化するために使用するコア要素です。

デフォルトでは、エディターには数十のブロックが含まれていますが、プラグインを介してさらに追加することもできます。 「ブロックコレクション」をダウンロードすることで、複数の関連ブロックを一度にダウンロードしてインストールすることもできます。 実際には、これは標準プラグインのインストールと同じように機能しますが、唯一の違いは、Gutenbergブロックコレクションは、新しいエディターを既に有効にしている場合にのみ機能することです。 したがって、5.0がリリースされるまでは、最初にGutenbergプラグインをインストールしてアクティブ化する必要があります。

ここで重要なのは、グーテンベルクが基本的なオプションの選択を提供するというWordPressの伝統を守りながら、独自の要件に合わせてこれらを拡張できるようにすることです。 ブロックをコレクションに結合すると、1つのプラグインをダウンロードするだけで複数の関連ブロックを追加できるため、プロセスがさらに簡単になります。

チェックアウトする3つのグーテンベルクブロックコレクション

この時点で、エディターに追加できる個々のグーテンベルクブロックがたくさんあります。 ただし、複数のブロックを個別に追加およびインストールするために費やされる時間を削減するため、代わりにコレクションに焦点を当てます。 利用可能なコレクションのリストは増える可能性がありますが、ここではすでにチェックする価値のある3つを紹介します。

1.アトミックブロック

現在利用可能なすべてのグーテンベルクブロックコレクションの中で、アトミックブロックは群を抜いて最も洗練されたオプションです。 これは、完全なウェルカムページが表示されるため、インストールするとすぐに明らかになります。

現在、Atomic Blocksには、ポストグリッド、コンテナ、証言、インライン通知、アコーディオンなどを含む11個のブロックが含まれています。 混乱を避けるために、Atomic Blocksはすべての新しいブロックを新しいタブに分割します。このタブは、プラグインのインストール後にエディターを起動すると表示されます。

全体として、Atomic Blocksコレクションは、グーテンベルクが現在提供しているものの素晴らしい拡張のように感じます。 ブロックの選択により、さまざまなサイトに役立つオプションを使用して、新しいエディターの機能が拡張されます。

主な機能：

• 11個の新しいGutenbergブロックが含まれています。
• 投稿グリッド、コンテナ、証言、共有アイコンなどを追加します。
• 混乱を避けるために、新しいブロックを分離します。

価格：無料| 詳しくは

2.積み重ね可能

Stackableは、私たちのお気に入りのGutenbergブロックコレクションの1つです。 現在、エディターに追加できる17の新しいブロックが含まれています。これには、AtomicBlocksによって提供されるものと同様のものが含まれます。

ブロック数のみに基づくこのコレクションは、市場で最大のコレクションの1つです。 さらに重要なことに、Stackableのすべてのブロックは高度に研磨されています。 プラグインには、背景画像やアニメーションなどを追加および変更できるようにするなど、高度なカスタマイズオプションも含まれています。

最終的に、Atomic BlocksとStackableは、グーテンベルクブロックの開発に2つの異なるアプローチを取ります。 前者は、グーテンベルクが目指している基本的な単純さを増すことを目的としています。 一方、スタッカブルは、従来のページビルダーで見られるものに似たグーテンベルクブロックコレクションを探している場合に適したオプションです。

主な機能：

• 17個の新しいGutenbergブロックが含まれています。
• 背景を変更したり、アニメーションを追加したり、テキストサイズを変更したりして、新しいブロックをカスタマイズします。

価格：無料| 詳しくは

3.エディターブロック

エディタブロックは、グーテンベルクブロックコレクションに関しては、ブロックの新しい子供です。 通常のプラグインほど多くのインストールやレビューはありません。 ただし、このブロックコレクションをテストした後、含まれている優れた機能により、リストに掲載する価値があることは明らかです。

すぐに、EditorBlocksはGutenbergエディターに10個の新しいブロックオプションを追加します。 これには、価格表、チームメンバー、ヒーローセクション、および証言が含まれます。

これは、これまで見てきた他のコレクションと比較して、かなり標準的な選択です。 ただし、Editor Blocksは、設定と構成が非常に簡単な価格表とチームメンバーセクションのために特に際立っています。

これらのタイプのセクションを設定するための最適なブロックオプションを探している場合は、エディターブロックがすぐそばにあります。 実際、すべての世界を最大限に活用するために複数のブロックコレクションをインストールできなかった理由はありません。

主な機能：

• 10個の新しいGutenbergブロックが含まれています。
• 任意のページにスタイリッシュな価格表とチームメンバーセクションを作成できます。

価格：無料| 詳しくは

個々のグーテンベルクブロックを見つけることができる場所

特定のブロックを探していて、使用する可能性が低いブロックのコレクションが必要ない、または必要ない場合は、グーテンベルクブロックライブラリにアクセスすることをお勧めします。 このライブラリは、1分前にチェックアウトしたEditorBlocksプラグインの作成者であるDannyCooperの発案によるものであり、現在、個々のブロックを見つけるのに最適な場所です。

ライブラリ自体は、ナビゲートするのがこれほど簡単なものではありません。 このWebサイトでは、コレクション全体を無限にスクロールし続けることができます。コレクションには、現時点で数十のオプションがあります。

ブロックの詳細を確認したい場合は、ブロックをクリックすると新しいページが開きます。 ここに、いくつかのスクリーンショットとダウンロードボタンが表示されます。

ダウンロードボタンをクリックすると、WordPress.orgのブロックのページに移動します。 ここでは、レビューや評価を確認したり、プラグイン自体をダウンロードしたりできます。 これは、グーテンベルクブロックライブラリの背後にある目標がブロック自体をホストすることではないためです。 代わりに、WordPress.orgの何千ものプラグインの中に隠されている可能性のあるオプションを見つけるのに役立つはずです。

結論

WordPressの中心的な柱の1つは、常にそれがどれほど拡張可能であるかということでした。 この哲学は、プラグインを介してさらに追加することでデフォルトブロックの選択を拡張できるため、新しいGutenbergエディターにも反映されています。 これを行うには、一連の関連ブロックを組み合わせたブロックコレクションをインストールするか、必要なものを正確に選択する場合は、個々のブロックをダウンロードできます。

利用可能なグーテンベルクブロックコレクションの小さな選択と、いくつかの個別のブロックプラグインがすでにあります。 後者を見つけるには、グーテンベルクブロックライブラリを使用してブロックを参照し、サイトに簡単にダウンロードしてインストールできます。 最初にグーテンベルクプラグインをダウンロードすることを忘れないでください！

グーテンベルクが将来のリリースに含めるブロックの種類を教えてください。 以下のコメントセクションであなたのアイデアを私たちと共有してください！

A Aleksii /shutterstock.comによる記事のサムネイル画像