Gutenberg 9.7は、ユーザーエクスペリエンスを改善し、再利用可能なブロックを更新し、ページテンプレートをFSEテーマにもたらします
公開: 2021-01-08グーテンベルク9.7は昨日、いくつかの更新と改善を加えて上陸しました。 ユーザーは、ブロックのバリエーション、変換、およびパターンのインターフェイスが変更されることを期待する必要があります。 再利用可能なブロックは、中断のように見えた後、作業中です。 開発者は、ブロックベースのWordPressテーマにカスタムページテンプレートを追加することもできるようになりました。
このリリースでは、私がしばらく見てきたバグ修正の数が最も少なかった。 開発チームはアップデートに8つの修正をプッシュしただけで、数週間前の9.6リリース以降は通常よりも安定していることを示している可能性があります。
9.7での作業のほとんどは、新機能と拡張機能を扱いました。 予想通り、フルサイト編集はかなりの時間を費やしました。 ただし、これでさえ、このリリースでは少しダイヤルバックされたようです。 更新の多くは、編集後のインターフェイスに対するものです。
ユーザーエクスペリエンスの向上
チームは、エディターでの機能の動作にいくつかの更新をプッシュしました。 それらのいくつかはマイナーに見えるかもしれませんが、全体的なエディターエクスペリエンスを向上させます。
ブロックバリエーションは、歓迎すべき機能強化を受けました。 バリエーションとは、1つの基になるブロックを使用して、同じブロックの複数のバリエーションを作成する場合です。 たとえば、Embedブロックには、YouTube、Twitter、およびその他のバリエーションがあります。 以前のバージョンでは、サイドバーとブロックナビゲーションのブロックインスペクターに、一般的な名前、アイコン、および説明が表示されていました。 ただし、Gutenberg 9.7では、使用方法のバリエーションの詳細が表示されます。
ブロックを変換するとき、ユーザーはブロックがどのように見えるかのプレビューを見ることができます。 これは小さな改善です。 ただし、あるブロックを別のブロックに変換することを決定する前に、いくつかの頭痛の種を節約できる可能性があります。
Gutenberg 9.6では、インサーターのブロックにドラッグアンドドロップ機能が導入されました。 チームは現在、その機能をブロックパターンに拡張しています。 これは、より多くのドラッグアンドドロップ機能を探している人にとってはしごのもう1つのラングです。
再利用可能なブロックが更新されました
再利用可能なブロックをテストしてからしばらく経ちました。 この機能は、過去1年ほどで他の新しい機能に後れを取っているようです。 最初のプロトタイプよりもずっと気分が良くなることはありませんでした。 どこを見ればよいかわからない限り、それらを簡単に管理する方法はまだありません。 ただし、グーテンベルクの開発チームは、このほとんど忘れられている機能を積極的に開発しているようです。
ユーザーは、将来のリリースでさらに多くのことを期待できます。 「これらの変更に基づいて、再利用可能なブロックのUIは、今後数週間でいくつかの反復が見られる可能性が高いです」と、RiadBenguellaは発表の投稿に書いています。
最初のテストを実行して、Gutenberg9.7の機能がどのように見えるかを確認しました。 「再利用可能なブロックに追加」ボタンをクリックした後、エディターはすばやくフラッシュしました。 次に、画面の下部に、再利用可能なブロックが作成されたという通知が表示されました。 当時、ブロックオプションのサイドバーパネルを開いていなかったため、再利用可能なブロックのタイトルを編集する方法がありませんでした。 私の当面の考えは、チームがすでに中途半端な機能を採用し、それを指数関数的に悪化させたということでした。
さらに掘り下げてみると、ユーザーはブロックオプションのサイドバーで再利用可能なブロックのタイトルを編集できることがわかりました。 しかし、チームはそこで止まりませんでした。 彼らは機能にいくつかの改善を追加しました。
再利用可能なブロックは、投稿エディタ自体で編集できるようになりました。 たとえば、ユーザーは画像をブロックからドラッグできます。 インスペクターサイドバーは、内側のブロックに使用できます。 再利用可能なブロックは、エディターの他の部分と同じように見え、感じられるようになりました。 編集は、サイト上の再利用可能なブロックのすべてのインスタンスに反映されます。
大きな違いは、それらがどのように保存されるかです。
再利用可能なブロックは、「マルチエンティティ」保存システムの一部になりました。 エディターの更新ボタンをクリックすると、ユーザーは投稿全体や個々の再利用可能なブロックを保存するオプションが表示されます。
FSEテーマのカスタム「ページ」テンプレート
ブロックベースのテーマは、従来ページテンプレートと呼ばれていたものをサポートするようになりました。 この機能では、すべての投稿タイプが技術的にサポートされています。 ただし、チームはいくつかの議論の後、「ページ」の用語に固執しているようです。
既存のドキュメントがなく、チケットの元の例が渡されたコードの最終結果を反映していなかったため、少し掘り下げました。 しかし、私はなんとか機能がどのように機能するかを議論することができました。 この機能をテストしたいテーマ作成者の場合は、「連絡先」テンプレートを追加する次のサンプルコードを使用してください。 テーマのexperimental-theme.jsonファイルのルートレベルに配置します。 また、テーマにblock-templates/contact.htmlテンプレートを添付する必要があります。
"pageTemplates": { "contact": { "title": "Contact", "postTypes": [ "page" ] } }この機能は、現時点では特に画期的なことは何もしていません。 投稿/ページの編集画面のドロップダウン選択にカスタムテンプレートを追加するだけです。 これは、従来のテーマで使用できる現在のページテンプレートシステムと同等です。
これは素晴らしい開発ですが、従来のページテンプレートは、ブロックテーマのパラダイムではあまり意味がない場合があります。 選択したテンプレートに基づいてエディターでページの視覚的出力を変更する方法はありません。ユーザーは、アプリケーションの結果を確認するために、フロントエンドでページを表示する必要があります。 ブロックシステムは、瞬時の視覚的フィードバックに関するものです。 新しい時代に向けて、ページテンプレートを再考する必要があります。
「UIとテンプレートモードとの統合に関しては、古い選択ボックスよりもはるかに多くのことができます」と、プルリクエストの開発者であるBenguella氏は述べています。 「テンプレートのプレビューを表示して、人々が選択できるモーダルなどを提供できます。そこでは、デザイン思考と調査が必要になります。 このPRは、それを機能させるための技術的要件を設定するだけです。」
すべてではありませんが、過去10年間に必要だったページテンプレートの多くをブロックパターンに置き換えることができます。
長期的には、事前に設計されたブロックレイアウトのように動作するページテンプレートが必要です。 これが、カスタム投稿タイプのブロックテンプレートが現在どのように機能するかです。 ただし、これは個々の投稿のレベルではなく、投稿タイプのレベルです。
従来のページテンプレートは古くなっています。 テーマがいくつかを提供することはめったにありません。 サイドバーを取り外すための1つ。 サイドバーを左または右に移動するための1つ。 もう1つは、ページのコンテンツ領域を広くすることです。
明らかなことは、将来のページテンプレートがどのようになるかについてさらに調査する必要があるということです。 ブロックシステムで必要ですか？ 従来のテーマがそれらを使用しているものを処理するためのより良い方法はありますか？ 視覚的なフィードバックが必要なインターフェースでどのように機能しますか？