EditorPlusは最初のブロックを導入し、カスタムブロッククリエーターを追加します

公開: 2020-10-29

新機能の終わりのない猛攻撃のように思われるものの中で、ムニール・カマルは最後の2つのアップデートで彼のEditorPlusプラグインにいくつかの主要な新機能をリリースしました。 本日早くにリリースされたバージョン2.0には、7つの新しいブロックのセットが含まれています。 以前のリリースでは、エンドユーザーがより多くのカスタマイズオプションを利用できるブロック作成機能が紹介されていました。

ブロック編集者は彼の創造性を刺激し、彼はブロック共有WebサイトGutenbergHubまたはEditorPlusプラグインのアイデアを使い果たしていません。 今後のリリースでは、プラグインのUIのオーバーホールと、サードパーティ開発者向けのAPIの可能性が見込まれます。

彼は、将来着陸したときに、EditorPlusがWordPressのサイトエディターと一緒に機能することを確認すると述べた。 さらに、WooCommerceのブロックの最終的なサポートがテーブルにあります。 今のところ、彼がここ数週間で立ち上げたプラグイン機能に焦点が当てられています。

カスタムブロックの作成

WordPressのコアブロックセットがすでにユーザーの手に渡っていれば、ほぼすべてがすでに可能です。 これらのブロックは基本的に、見出し、段落、リスト、引用など、Webデザインのすべての基本要素をカバーしています。 ユニークなものを構築する秘訣は、これらの要素を組み合わせて新しいものを作成することです。 これが、基本的に、この新しいブロック作成機能がEditorPlus用であるものです。

カスタムブロックの保存は簡単です。 ユーザーは最初にブロックをコアグループブロックにラップする必要があります。 次に、ブロックツールバーの[その他のオプション]メニューから、[カスタムブロックに追加]オプションを選択します。 プラグインは、保存する前にブロックタイトルを要求します。

EditorPlusプラグインを使用してカスタムブロックを作成します。
カスタムブロックを保存します。

再利用可能なブロックと混同しないでください。再利用可能なブロックは、投稿ごとに同じままであるリソースであり、作成されたブロックは他のブロックと同じです。 これらは、「マイカスタムブロック」カテゴリのブロックインサーターからアクセスできます。

ブロックインサーターでEditorPlusを使用して作成されたカスタムブロック。
ブロックインサーターから利用可能なカスタムブロック。

長期的には素晴らしい追加となるいくつかのマイナーな詳細が欠落しています。 1つ目は、ブロックのカスタムアイコンを選択する機能です。 現在、すべてのカスタムブロックはアイコンを共有しています。 2つ目は、ブロックインサーターにプレビューを追加する機能です。

カマルは、エンドユーザーが自分で簡単なブロックを作成できるようにこの機能を構築しました。 また、開発者がクライアントWebサイトのブロックをすばやく作成するためのツールでもあります。

「たとえば、ほとんどすべてのビジネスWebサイトにはお客様の声のブロックが必要ですが、その正確な目的のためにコアにあるものはありません」と彼は言いました。 「もちろん、コアブロックの組み合わせを使用して作成することもできます。それがその方法です。 お客様の声、チーム、価格設定などのブロックをもたらす多くのブロックプラグインを見てきましたが、それらはコアブロックを使用して簡単に作成できます。」

彼はすでに、コアブロックをどこまで伸ばして、ブロックライブラリとテンプレートライブラリを使用して独自のレイアウトを作成できるかをコミュニティに示しています。 したがって、ユーザーがこれらのもののいくつかをエディターから直接作成できる可能性の範囲外ではありません。

ブロッククリエーターは、ブロックパターンクリエーターとして扱う方が良いようです。 本質的に、ユーザーはブロックのグループであるカスタムパターンを作成しています。 カマルは、パターンクリエーターもやることリストに載っていると言いました。

「グーテンベルクにはコンテンツ/レイアウトの作成に使用するこれらの両方の要素があるので、両方の機能を追加します」と彼は言いました。 「ブロックとして保存」が追加されました。「パターンとして保存」も追加されます。 ワークフローに応じて、ユーザーが好きなように使用するかどうかはユーザー次第です。」

私は、ブロックのグループを処理する単一の機能である既存のパターンパラダイムに固執することに傾倒しています。 ただし、ユーザーが何を好むかを確認するのは興味深いことです。 長期的に見て、最も重要なのは、ページの作成に必要なツールに簡単にアクセスできることです。

「欠落している」ブロック

EditorPlusプラグインを介してプログレスバーを追加します。
エディターでプログレスバーブロックを使用する。

今日の初めに、カマルは彼がワードプレスの「欠けている」ブロックと呼ぶものをリリースしました。 これらは、既存のコアブロックでは不可能なタイプのコンテンツを処理する7つのカスタムビルドブロックのセットです。 過去には、彼はブロックを作成することを躊躇し、WordPressが箱から出して提供したツールを拡張することを好みました。

「私の当初のアイデアは、欠けているものをグーテンベルクに拡張し、コードなしで視覚的に美しいデザインを作成するためにグーテンベルクをより強力にすることです」と彼は言いました。 「そして、何百ものテンプレート/デザインを作成した後、ウェブサイトビルダーで最も一般的に使用されているが、グーテンベルクでは欠落しているいくつかの重要な欠落ブロックの必要性に気づきました。 そのため、EditorPlusには、欠落していて、最新のデザインを作成するために必要であり、コアブロックの組み合わせを使用して簡単に作成できないブロックのみを追加しています。 たとえば、タブブロック、アコーディオンブロック、または追加された他のすべてのブロックは、これらの基準に適合するものです。」

プラグインには、次の新しいブロックが含まれています。

  • タブ
  • トグル/アコーディオン
  • アイコン
  • 評価
  • プログレスバー
  • 統計/カウンター
  • カウントダウンタイマー

これらのいくつかは追加のJavaScriptを必要とします。そのため、コアWordPressの候補にはなりません。 ただし、これらはプラグイン開発者にとって優れたオプションであり、他のライブラリタイプのプラグインからの珍しいブロックではありません。

それらを際立たせるのは、プラグインのスタイリングシステムとの統合です。これは、Kamalが将来のリリースで他のプラグイン開発者に開放する可能性があります。 現在の計画は、ユーザーが任意のブロックをカスタマイズできるようにするための独立したStylesAPIを作成することです。 彼はすでにこのアイデアについてAdvancedWPFacebookグループからいくつかのフィードバックを得ています。 フィードバックの多くは、そのようなシステムがWordPress自体に組み込まれることを望んでいます。

プラグインの新しいブロックの興味深い機能の1つは、ブロックのサブ要素をクリックすると、そのデザインオプションがブロックオプションパネルで自動的にトリガーされることです。 たとえば、星評価ブロックには「タイトル」要素と「評価」要素があります。 タイトルをクリックすると、サイドバーにデザインオプションが表示され、評価についても同じことが言えます。 これは、CSSプロパティによってグループ化されたコアブロック上のEditorPlusのデザインオプションの一般的な構成からの逸脱です。 個々の要素に焦点が当てられ、特定のオプションを見つけるのがはるかに簡単になります。

この実験は、Kamalが将来のアップデートのために取り組んでいることの少し前兆です。 彼の大きな目標の1つは、UIのクリーンアップ(プラグインには多くのオプションがあります)を実行し、ユーザーがブロックをより迅速にカスタマイズできるようにすることです。