Gutenberg 12.1は、ブロックアペンダーレイアウトシフトを修正し、テンプレートリストビューを追加し、グローバルスタイルを強化します

公開: 2021-12-09

今日の初めに、Gutenberg12.1はWordPressプラグインディレクトリに到達しました。最新のリリースでは、ブロックアペンダーのレイアウトシフトの修正、新しいグローバルスタイル機能、改善されたテンプレートリストビューなど、ユーザーエクスペリエンスの改善に重点が置かれていました。テーマの作成者には、外観に関連するすべてのツールを有効にするための新しいフラグもあります。

WordPress 5.9は本日リリースされる予定でしたが、2022年1月25日にプッシュされました。貢献者は、リリースにバンドルされているサイトエディターと関連ツールを改良するためにより多くの時間を必要としました。これまでのところ、彼らはバグを修正し、全体的に優れたユーザーエクスペリエンスを作成することで、余分な時間を使用しています。

これ以上のレイアウトシフトはありません

これがグーテンベルク12.1での唯一の変更だったとしたら、私は世界で最も幸せなユーザーだったでしょう。幸いなことに、他にも便利なアイテムがありますが、ブロックエディタを使用してから3年間で最大のペットピーブが修正されました。

コンテンツキャンバスのブロックアペンダー（これらの小さな+ボタン）は、固定位置を使用して表示されるようになりました。これは、ブロック、特に他のブロック内にネストされているブロックを選択すると、画面がバウンドしたり、レイアウトがシフトしたり、他の点では完璧なセクションに空白のギャップが残ったりしないことを意味します。

他の人と話をすることで、これが過去に複雑なレイアウトを構築する際の問題点であったことを私は知っています。一部の人にとっては、それがとても苛立たしいので、彼らはブロックエディタをまったく使用しませんでした。このキャンプに陥ったら、もう一度試してみる価値があります。これは、ユーザーエクスペリエンスの著しい改善です。

グローバルスタイルの改善

ユーザーは、グローバルスタイルサイドバーのカラーパレットセクションを介してカスタムグラデーションを定義できるようになりました。これらはサイト全体で利用可能であり、テーマに関連付けられていません。

パレットには、同じグラデーションセクションの下にデュオトーンカラーも表示されます。ただし、カスタムデュオトーンフィルターを作成するオプションはまだありません。読み取り専用のセクションです。

グローバルスタイルパネルは、タイポグラフィオプションをテキスト要素とリンク要素に分割し、将来的に他のHTML要素への扉を開きます。

ユーザーはおそらくこれをリンク用に変更すべきではありません。代わりに、それらは一般的に周囲のテキストと一致する必要があります。将来、テキスト装飾または同様のオプションを取得する場合は、分離の方が理にかなっている可能性があります。ただし、フォントサイズや行の高さなどの設定を変更すると、デザインに悪影響を与える可能性があります。

テンプレートとテンプレートパーツビュー

Gutenberg 12.1では、サイトエディタから新しいテンプレートとテンプレートパーツリストビューが導入されています。この機能のUIは、過去のいくつかのプラグインバージョンを飛び越えています。このリストは、エディターの左側のスライドアウトパネルから数か月間利用できました。その後、11。9年に完全に削除されました。そのリリースと12.0の間に再登場しました。

パネルが縮小され、サイト、テンプレート、およびテンプレートパーツの3つのリンクが含まれるようになりました。最初のリンクでサイトエディタが表示されます。その他は、既存のテンプレートのテーブルを表示します。

現在、画面の切り替えが遅いように感じます。ただし、これは世界中のWordPressユーザーに表示されるサイトエディターの1.0バージョンです。時間の経過とともに変化する可能性があります。「現在のデザインの反復は、シンプルさと使いやすさを優先しています」と、RiadBenguellaは発表の投稿に書いています。「クライアント側のナビゲーションとモザイクビューを実装する反復は、将来追加される可能性があります。」

カテゴリや作成者アーカイブなどのカスタムテンプレートを追加する方法はないようです。「新規追加」ボタンをクリックすると、22のテーマを使用する場合のフロントページと検索テンプレートのオプションが表示されます。

ただし、新しいテンプレートパーツを追加することは、はるかに洗練されたプロセスです。ボタンをクリックして作成すると、次のスクリーンショットに示すように、ユーザーにオーバーレイとフォームが表示されます。

ユーザーはそれにカスタム名を付けて、一般、ヘッダー、フッターの3つの許可された領域から選択できます。新しいパーツを作成した後、ユーザーはエディターに移動します。

テンプレートパーツリストを再度表示すると、それを作成したユーザーが表示され、オプションのドロップダウン（省略記号ボタン）が表示されます。現在、唯一のアクションはパーツを削除することです。

トップレベルのテンプレートが、新しいテンプレートを作成するときにテンプレートパーツと同じ扱いを受けることを望んでいます。それらの間には若干の違いがありますが、どちらも1日の終わりのテンプレートです。作成プロセスが一致していれば、ユーザーエクスペリエンスは向上します。

この画面からデフォルトリストの外にカスタムテンプレートを作成すると、デザイナーがサイトエディターから視覚的にテーマを作成するのにも役立ちます。

空のナビゲーションフォールバック

最新のリリースでは、空のナビゲーションメニューブロックのフォールバックが導入されました。最終的に、メニューが見つからない場合は、ページリストブロックが表示されます。次のTwentyTwenty-Twoのスクリーンショットに示すように、ユーザーのサイトのページ数によっては、これはすぐに手に負えなくなる可能性があります。

テーマ開発者は、Navigation親のfalse値または有効な子ブロックのセットを返すことにより、 block_core_navigation_render_fallbackフィルターフックを介してこのフォールバックを上書きできます。テーマの作者、私は彼らにこのフィルターフックを惜しみなく利用するように勧めます。

注目すべきブロックテーマアイテム

ブロックテーマの開発者向けに、標準のテンプレート関連フォルダーの名前が変更されました。古い名前は引き続き機能しますが、作成者はテーマで以下を更新する必要があります。

/block-templates名前が/templatesに変更されました
/block-template-parts名前が/partsに変更されました

この変更により、最上位のテーマディレクトリがクリーンアップされますが、将来的にはより標準化への道も開かれます。 /patternsのオープンチケットはすでにあり、 /stylesフォルダーが可能です。

Gutenberg 12.1では、 theme.jsonのappearanceToolsフラグも導入されており、テーマの作成者は、現在および将来のすべての境界線、色、間隔、およびタイポグラフィオプションのサポートを有効にできます。これについては、Gutenberg 12.0の投稿で詳しく説明しました。この投稿では、この機能が前回のリリースにバンドルされていると誤ってマークされていました。