Gutenberg 11.5は、ウィジェットのグループ化を追加し、ブロックギャップ機能を繰り返し、ナビゲーションメニューを更新します

グーテンベルク11.5は本日早く上陸しました。 これは、ナビゲーションブロックへの大幅な変更、ウィジェットをグループ化するための新しい方法、およびより多くのブロックギャップ機能の統合を含む大量のリリースです。

私はそれを最新のリリースにした機能に対してさまざまな反応を示しました。 ある時点で、私は自分自身に思いました、最終的に、これはでそれを作りました。 他の瞬間に、私はジャン＝リュック・ピカードの有名なフェイスパームの最高のバージョンをレンダリングしました。 しかし、車輪は回転し続け、プロジェクトに時間と労力を費やした開発者はそれを改善し続けています。

簡単な注意点として、ブロックエディタをサポートするテーマを実行していない人は、バックエンドスタイルが適切でないことを確認する必要があります。 ユーザーのアクティブなテーマが独自のテーマを登録していないか、 theme.jsonファイルが存在する場合、Gutenbergはいくつかのデフォルトのエディタースタイルを自動的に出力します。 これは、WordPress 5.8.2などのポイントリリースにバンドルして、ユーザーが5.9まで待たないようにする必要があります。

ナビゲーションブロックの変更

ナビゲーションメニューが依然としてサイト編集の問題点であるため、グーテンベルクは新しいレベルの複雑さを追加しました。 サイトタイトルとサイトロゴブロックは、ナビゲーションコンテナ内で許可されています。

Joen Asmussenが元のチケットで共有したように、いくつかの複雑なレイアウトは、Navigationブロック内でより多くの内部要素を許可することで恩恵を受けるでしょう。

これにより、カスタムパターンを通じて、テーマ作成者にレイアウトの可能性の世界を開くことができます。

グーテンベルクがこれらのより高度なレイアウトの基盤に取り組んでいることに問題はありません。 ただし、ナビゲーションの基本はまだスムーズに進んでいません。 サイト内のリンクを検索して挿入するエクスペリエンスは、せいぜい光沢がなく、マウスを複数回クリックする必要があります。 より軽いナビゲーション体験のためのオープンチケットがあり、それが焦点となるはずです。

テーマの作成者は、NavigationブロックがmarginではなくCSSのgapプロパティに依存するようになったことにも注意する必要があります。 数か月前に自分のプロジェクト用にこれをカスタマイズして以来、これをほとんど見逃していました— 2021年へようこそ。ここでは、単純な間隔のためにハッキーマージンソリューションに依存する必要がなくなりました。 この変更は、既存のテーマデザインに影響を与える可能性があります。

FSE管理者通知はテーマ画面に限定されます

Gutenbergプラグインの機能は常に流動的であるため、Gutenbergプラグインには多くの不満があります。 ただし、プラグインの実行で最も厄介なのは、ユーザーがブロックテーマを実行しているときの、永続的で却下できない管理者通知です。

プラグインの以前のバージョンでは、この通知はバックエンドのすべての画面に表示されていました。 現在は、テーマ/外観ページにのみ表示されます。

過去数か月間、私はこの通知を非表示にすることのみを目的として、BenGillbanksによるToolbeltプラグインをアクティブにしています。

いい厄介払い。 さようなら。

ウィジェットグループブロック

Gutenbergプラグイン開発者とコアWordPressはフィードバックをうまく利用していると私は一般的に信じていますが、ブロックベースのウィジェットシステムはプロジェクトがボールを落とした領域の1つです。 2020年9月から繰り返しているので、根本的に機能が壊れていました。 目標は、エンドユーザーがより多くの場所にブロックを追加できるようにすることでしたが、従来のテーマのマークアップやスタイルとは互換性がありませんでした。

パターンの使用を提案しましたが、チームはWidgetGroupブロックを使用しました。 最終結果は似ていますが、まったく同じではありません。 良いニュースは、コアに着陸する機能のブロッカーであるはずだったものを修正することです。

より良いニュースは、これが今年後半の5.9リリースではなくWordPress5.8.2に上陸する可能性が高いということです。

私はそれを完璧な解決策とまでは言いません。 この経験では、ウィジェットのタイトルを追加する方法がすぐにはわかりません。 ユーザーは最初にブロックを追加する必要があります。 ブロックが追加されると、表示される見出し/タイトルプレースホルダーをクリックできます。 次に、UIはタイトルを入力するためのフィールドに切り替わります。

次のビデオは、WidgetGroupブロックがどのように機能するかを示しています。

私は、解決策がまったくないよりも、少しぎこちない経験をしたいと思っています。 少なくともユーザーは、ウィジェットラッパーを手動で作成する必要がなくなりました。 この問題が停滞している場合は、ClassicWidgetsプラグインを非アクティブ化することもできます。

「行」グループのバリエーションとフレックスレイアウト

Gutenberg 11.2で導入された新しいフレックスレイアウトシステムのテストを開始するために、開発チームはRowという名前のGroupブロックにバリエーションを追加しました。 これにより、ユーザーは、デフォルトの「フロー」レイアウトで内側のブロックを重ねるのではなく、並べて配置できます。

この機能のユースケースはたくさんあります。 テーマ作成者の主なシナリオの1つは、投稿とコメントのメタデータブロックを並べて配置することです。 以前は、これにはColumnsブロックまたはカスタムスタイルを使用する必要がありましたが、どちらも理想的ではありませんでした。

経験は端が荒いです。 ブロックを編集するために適切な場所をクリックするのが難しいことがよくあり、新しいブロックを追加するためのアペンダーボタンが常に表示されるとは限りませんでした。

Social Iconsブロックも、新しいフレックスレイアウトを使用します。 ただし、現在、垂直ソーシャルリンクのフローモードに切り替える方法はありません。

より多くのブロックギャップ統合

Columnsブロックは、Gutenberg 11.4で導入されたギャップ機能を使用して、個々のColumnブロック間の間隔を処理するようになりました。 エンドユーザーがこれを制御するためのUIはまだありませんが、機能が進化するにつれて、将来のリリースでリリースされる可能性があります。

Gutenberg 11.5は、エディターの投稿タイトルに下マージンを追加しました。 何らかの理由で、開発チームは飛躍し、ブロックギャップ機能の現在の処理にこれが必要であると想定しました。 解決するのは複雑な問題です。 その間、一部のユーザーには、エディターのタイトルとコンテンツの間に慣れているよりも多くの空白が表示される場合があります。

もちろん、これはアクティブなテーマ、ブロックギャップ機能のサポート、および現在のスタイルによって異なります。

投稿者デュオトーンサポート

スクラップヒープに向けられているはずだったものについては、Post Authorブロックに、アバターのデュオトーンフィルターサポートという形で新しい命が吹き込まれました。 ImageやCoverなどの他のブロックの場合と同じように機能します。

問題は、Post Authorがまだ準備ができていなかったため、前回のWordPressリリースからパントされたことです。 ブロックは、作者の名前、アバター、説明のフランケンシュタイン風のマッシュアップです。 これらは、テーマの作成者とユーザーが独自のレイアウトで配置できる複数のブロックである必要があります。

duotoneのサポートでは、コードが1行追加されるだけですが、現在の形式でブロックの作業を続けることは意味がありません。 別の投稿者アバターブロックの一部として見たいと思います。