Gutenberg 12.5は、グローバルスタイルのバリエーションを導入し、隣接するボタンのスタイリングを維持し、カラーピッカーにアルファ透明度を追加します

Gutenberg 12.5は、本日早くにWordPressプラグインディレクトリに登場しました。 私はすでに、少なくとも1つの新しい拡張機能、グローバルスタイルのバリエーションに興奮しています。 ただし、これは、いくつかの開発者およびユーザー中心の機能を備えた強力な更新です。

WordPress 5.9が世に出て、5月の6.0のリリースに向けて準備を進めているので、すべての手がデッキに戻っているように見えます。 先週、私は初期のロードマップを取り上げました、そしてそのリストからのいくつかのアイテムはすでにこの最新のグーテンベルクアップデートに何らかの形または方法で含まれています。

グローバルスタイルのバリエーション

テーマの作成者は、複数のtheme.jsonバリエーションを作成し、それらをテーマの/stylesフォルダーに配置できるようになりました。 次に、ユーザーはさまざまなプリセットを自分に最適なものに切り替えることができます。

この新機能は、WordPress 6.0リリースのハイライトの1つになることを約束しており、デフォルトのTwenty Twenty-Twoテーマは、最終的には独自の複数のバリエーションを出荷する予定です。

この機能については、先週の投稿で詳しく説明します。 グーテンベルクのプロジェクトリーダーであるマティアスベンチュラは、コメントでこれを拡張しました。

サイクルの早い段階でこれを取得して、経験とメカニズムを強化できるようにします。 私はそれが数回の反復で本当に良いことを期待しています。 これらのバリエーションはすべて、本質的にすべてのブロックテーマと互換性があるため、テーマバンドルの壁を破ることを特に楽しみにしています。

この機能に対するVenturaの熱意を共有していますが、6.0でテーマの壁を打ち破ることができるかどうかはわかりません。 ここでの考え方は、そのようなバリエーションはテーマ間で交換可能であるということです。 グローバルスタイルシステムの現状を考えると、それが起こっているとは思いません。

ほとんどのtheme.jsonは標準化されていますが、多くの作成者はsettings.customプロパティを使用しています。 これにより、テーマスタイルシートを介して参照されることが多いカスタム値をいくつでも設定できます。

また、色やタイポグラフィなどの機能に標準の命名スキームがないという問題もほとんどありません。

これらのどちらも2つのテーマ間で常に同じになるわけではないため、バリエーションの切り替えは必ずしもきれいではありません。 それは高い目標であり、おそらく何が可能かを見極めることは価値があります。 ただし、このコンセプトは、1つの巨大なCookieカッターのデフォルトに対してテーマシステムを完全に削除することを追求しているように感じます。

バリエーションの切り替えは、個々のテーマに任せるのが最善です。 theme.json上にカスタムシステムを構築するテーマ作成者がユーザーエクスペリエンスと期待を管理できるようにします。 ユーザーがまったく異なるプロジェクト内にJSONバリエーションを「インストール」することを心配せずに、ビジョンを実行するのに役立つツールの構築に焦点を当てる必要があります。

新しいボタンは隣接するボタンのスタイリングを保持します

WordPressを使用すると、ボタンを比較的簡単に複製できますが、ツールバーの[オプション]ドロップダウンの下に隠れています。 これは、単に「+」アイコンを押して新しいButtonブロックを挿入するのと比較して、2クリックのアクションです。 グーテンベルク12.5より前では、これにより新しいスタイルがデフォルトのスタイルで扱われるようになりました。 一度に複数のボタンを操作し始めるまでは、これは小さな煩わしさの1つです。

最新のリリースでは、次のボタンブロックを挿入するときに、隣接するボタンブロックのスタイルが自動的に複製されます。 これははるかに良い経験です。

しかし、それは私たちが行く必要がある限り私たちを連れて行きません。 後ですべてのボタンのデザインを変更するとどうなりますか？ それぞれを変更する前に、多くの作業が必要です。 Buttonsブロックグループ内の他のすべてのスタイルに1つのスタイルをコピーするためのオープンチケットがあります。

ユーザーは透明な色を追加できます

ユーザーは最終的に、ブロックレベルでカスタムカラーのアルファ透明度を制御できます。 この機能は、テキスト、背景、リンク、および境界線の色のオプションで機能します。 この機能拡張により、2019年10月に最初に開かれたチケットが閉じられます。

有効になっていないカラーピッカーがいくつかあります。 これには、グローバルスタイルパネルのカスタムパレットセクションと、ソーシャルリンクブロックのアイコン関連の色が含まれます。 カバーブロックのオーバーレイカラーについても同じことが言えますが、完全に独立した不透明度コントロールがあります。

注目の画像サイズオプションを投稿する

Gutenberg 12.5には、WordPressまたはテーマ定義の画像サイズを使用するようにPost FeaturesImageブロックを設定できる新しいオプションが導入されています。 些細な変更のように見えますが、ブロックテーマのホップフォワードです。

テーマの作成者は、これを処理するためにpost_thumbnail_sizeフックをフィルタリングしています。 ただし、画像サイズが異なる複数の投稿クエリを処理する場合、この方法は複雑になります。

私はこれについて1年だけ言及しています。 私はそれについて何度も何度も書き、誰にでも聞いてもらうように努めてきました。 より多くのデザイナーがブロックベースのテーマ開発トレインに乗り込みたい場合は、注目の画像を制御する必要があります。 あまりにも多くのレイアウトは、最適に見えるように特定のサイズに依存しています。

さて、CoverブロックとMedia＆Textブロック内の注目の画像しか使用できないとしたら…

すべてのサイトエディタのコンテンツをコピーする

今日、投稿エディタのオプションメニューに[すべてのコンテンツをコピー]ボタンがあることを知りました。 どれくらいの期間そこにあったのかはわかりませんが、それはちょっといいです。 私は、コンテンツキャンバスを介して、すべてのコンテンツを不必要に選択しようとしてきました。 ほぼ毎朝起きている時間をエディターで過ごす私たちでさえ、たまに新しいトリックを学ぶことができます。

このコピーコンテンツオプションは、2つのエディター間で機能を同等にするためのイニシアチブの一環として、サイトエディターに追加されました。

サイトエディタでのコードビュー

投稿エディタとサイトエディタ間の機能の同等性を継続して、ユーザーはサイトエディタのコードビューに切り替えることができるようになりました。

技術的には、これは「コードエディタ」と呼ばれますが、何かを編集しようとする人には、先にドラゴンがいます。 少なくとも、恐ろしい「このブロックには予期しないコンテンツまたは無効なコンテンツが含まれています」というメッセージ以外のものを期待している場合。 私は穏やかな海に出航し、読書やコピー以外の目的でそれを避けました。