グーテンベルク11.9はナビゲーションメニューとブロックテーマに焦点を当てています

公開: 2021-11-13

グーテンベルク11.9は水曜日に上陸し、数十の機能強化が満載です。 貢献者は、12月14日に予定されているWordPress 5.9のリリース前に、いくつかの最終機能を取り入れて、スピードを上げています。

バージョン11.9は、今後のWordPressアップデートの新機能を含む最後のプラグインリリースです。 バグ修正は、今後数週間で引き続き移植されます。

サイト編集とテーマ関連のブロックがスポットライトの大部分を占めています。 WordPress 5.9には、最初のデフォルトのブロックテーマであるTwentyTwenty-Twoが付属しています。 多くのユーザーにとって、これはテンプレート編集とグローバルスタイルの最初の経験になります。

ナビゲーションブロックは多くの注目を集めました、そして当然そうです。 開発者は、いくつかの重要なデータポータビリティの問題を解決し、より包括的なユーザーエクスペリエンスを作成しました。

全体としてはまだまだ改善の余地がありますが、グーテンベルクはここ数ヶ月で長い道のりを歩んできました。 新しい機能が一般的なWordPressリリースに登場すると、どのようになるかわくわくしています。

サイトエディタが縮小され、メニューが移動され、名前が変更されました

WordPressサイトエディター。左側にテンプレート編集キャンバス、右側にグローバルスタイルオプション。
TwentyTwenty-Twoがアクティブなサイトエディター。

サイトエディタは、Gutenbergプラグインユーザーがここ数か月で慣れ親しんだ機能ではなくなったところまで縮小されました。 これは本質的に、グローバルスタイル機能への道です。

テンプレートに関しては、サイトのホームページのみがインターフェースからアクセスできます。 エディターの左上にある「W」アイコンをクリックしても、以前はユーザーが個々のテンプレートをナビゲート、選択、およびカスタマイズできる、使い慣れたテンプレートパネルが開かなくなりました。

[すべてのテンプレートを参照]ボタンをクリックすると、ユーザーはサイトエディターからテンプレート画面に移動します。 投稿リストのように見えますが、たとえば、作成者のアーカイブやその他のテーマテンプレートを上書きする方法についての説明は含まれていません。 何が起こっているのかを理解するのに十分なシステムを知っていますが、これが平均的なユーザーにとって衝撃的であると想像することしかできません。

ユーザーは、ドロップダウンのヘッダーとフッターの領域をクリックして、サイトエディターのヘッダーとフッターの領域にジャンプできます。 エディターは、画面を切り替えることなく、これらのテンプレートパーツに焦点を合わせるだけです。

ただし、サイトエディタ内から特定のテンプレートを編集する方法がわかりません。 その結果、1つの償還機能であるグローバルスタイルを備えた、骨抜きにされたインデックステンプレートエディタが作成されます。

サイトエディターのメニュー項目も、WordPress管理者の[外観]メニューの下に移動しました。 現在は単に「エディタ」という名前になっています。 もちろん、「テーマエディタ」サブメニューはまだあります。

WordPressテーマファイルエディター。同じサブメニューリストに別の「エディター」が表示されます。
2種類の外観エディタ。

これがユーザーを混乱させることはまったくないと思います…

皮肉はさておき、これは新しいサイトエディタに適した場所であり、ユーザーがブロックテーマをアクティブにしている場合にのみ表示されます。 ただし、2つのサブメニュー名は明らかに矛盾しています。 テーマエディタを移動するためのより良い場所はありますか? ある提案では、管理メニューの[ツール]の下にドロップされます。

ブロックの世界でテーマファイルを直接編集するためにどれだけの用途があるのか​​不思議に思う必要があります。 テンプレートは、UIを介して上書きできます。 theme.json設定は、グローバルスタイルインターフェイスを介して処理されます。 これはほとんどの場合、 functions.phpを唯一のホールドアウトとして残します。 少なくともブロックテーマでは、WordPressのデフォルトでファイル編集を無効にする時期かもしれません。

パターンエクスプローラー

ポップアップオーバーレイから見たブロックパターンエクスプローラー。カテゴリの左側のサイドバーと、さまざまなブロックパターンの2つの列がある右側のセクションが特徴です。
ブロックパターンエクスプローラー。

デスクトップとタブレットのユーザーは、フルスクリーンのパターンオーバーレイを楽しむことができます。 狭いインサーターで数十または数百ものパターンを際限なくスクロールする代わりに、新しい「探索」ボタンをクリックして、もう少し余裕のあるインターフェイスでパターンを探索できます。

この新機能については、今週初めに完全なレビューで取り上げました。 デザインを解決するためのいくつかのねじれがまだありますが、これまでのところうまく機能しています。 また、今後のより広範な機能セットの基礎を築きます。

ナビゲーションデータの保存とナビゲーションエリアブロック

ナビゲーションブロックデータは、専用のwp_navigation投稿タイプに保存されるようになりました。 個別に保存することで、寄稿者はブロックベースのナビゲーションメニューに関する長年の問題の1つである移植性を修正しました。

ブロックの以前の反復では、ユーザーは新しいブロックテーマに切り替えるたびに、慎重に作成されたメニューを失いました。 通常は頻繁に変更されないコンテンツを再作成する必要があります。

この改善に加えて、ナビゲーションのラッパーとして機能する新しいナビゲーションエリアブロックがあります。 テーマの作成者は、次のコードを使用して、ブロックテーマテンプレートにカスタム領域を定義できます。

 <!-- wp:navigation-area {"area":"primary"} --> <!-- wp:navigation /--> <!-- /wp:navigation-area -->

ネストされたNavigationブロックは、 wp_navigation関連付けられています。 これは、今後のテーマ作成者に推奨される形式になります。

ユーザーがテーマを切り替え、「エリア」名が前のテーマと一致すると、メニューが引き継がれ、自動的に表示されます。 それらが一致しない場合、ユーザーは保存されたメニューを割り当てることができます。 メニュー/エリアの関係はデータベースに保存されます。

Navigation Areaブロックの問題の1つは、配置コントロールがないことです。 技術的には、HTML自体は出力されません。 ただし、エディターに存在するため、ユーザーは内側のナビゲーションブロックにワイドまたはフルアライメントを選択できません。

デュオトーンフィルターの透明度

ImageやCoverなどのブロックのDuotoneフィルターが透明度をサポートするようになりました。 ユーザーは、シャドウまたはハイライトを調整するときに、カラーピッカーの下にスライダーコントロールが表示されるようになりました。

この機能は、カバーの上に画像ブロックを重ねることで、二重露光効果または画像マスクの扉を開きます。 Alex Lendeは、これがチケットでどのように機能するかについていくつかの例を示しました。

カバーブロックの上に透明なデュオトーンを重ねた画像。

開発者は、トリトーンオプションやその他のフィルタータイプの可能性にも注目しました。

グローバルスタイルにアクセスするためのAPI

テーマとプラグインの作成者は、グローバルスタイルシステムと対話するためのこの新しいAPIを楽しんでください。 以前は、開発者はWP_Theme_JSON_Resolverクラスを使用して、サーバー側で必要なデータをプルする必要がありました。 現在、3つの新しい機能があります。

  • gutenberg_get_global_settings() –設定を返します。
  • gutenberg_get_global_styles() –スタイル設定を返します。
  • gutenberg_get_global_stylesheet() –グローバルスタイルシートを返します。

おそらく、これらの関数はWordPress 5.9に到達する前に名前が変更され、 gutenberg_プレフィックスはありません。 テーマの作成者は、これらの使用法をfunction_exist()チェックでラップして、安全を確保する必要があります。

新しいコメントブロック

最新のプラグインアップデートでは、いくつかの新しいコメントブロックが追加されました。 コメントクエリループブロックとコメントテンプレートブロックは、対応する投稿と同様に機能します。 ただし、現在の結果は、実稼働で使用する準備ができていない最低限の機能です。 ネストされたコメントは表示されず、出力をカスタマイズするためのオプションは多くありません。

これは、投稿コメントの出力を制御するテーマの作成者とユーザーを(サイトエディターを介して)ブロックするためのステップです。 Gutenberg 11.9には、テンプレート作成に必要な新しいコメントヘルパーブロックも含まれています。

  • コメント返信リンク
  • コメントリンク
  • コメントアバター

しばらくの間、コメントは後付けのように感じられてきました。 これらの欠落しているテーマ関連のブロックを完成させるための動きは大歓迎です。