WordPressがGutenberg13.7をリリース–ワークフローとより優れたUIに焦点を当てた

WordPressはGutenberg13.7を発表しました。これには、ワークフローを改善し、完全なサイトエディター内でよりきめ細かい制御を提供し、ユーザーインターフェイスに多くの改善を加える多数の改良が含まれています。

WordPressの他のリリースと同様に、これは累積的な更新であり、まったく新しいエクスペリエンスではありません。

そうは言っても、編集体験はより直感的で自然に感じられるはずです。

ブロックロックはよりきめ細かい制御を提供します

13.7には、ブロック要素が変更されないようにロックする機能がさらに改善されています。

最新の改善点は、ユーザーがロックされているブロック内に含まれるブロック要素にロック機能を適用できるようになったことです。

トグルを選択することにより、ブロックに適用されているロック機能を、そのブロックに含まれているブロックに継承できます。

ブロックロックメニュー

ブロックをロックすることを選択すると、ロックされているブロック内に含まれるブロックをよりきめ細かくロック制御するためのオプションを提供する別のメニューが生成されます。

ブロックロックモーダルのクローズアップ

改善されたポップアップモーダルメニュー

モーダルと呼ばれるポップアップメニューは、作業中のページの上部に表示され、設定の更新など、さまざまな変更を加えることができます。

この変更により、メニューの下にあるドキュメントにぼかしが適用されます。

モーダルポップアップメニューの下のページをぼかすと、フォーカスが向上します。

この新機能（まだ開発中）について、ぼやけのために変更された内容のコンテキストがユーザーに失われる可能性があるという懸念が提起されました。

彼らは、場合によっては、背景をぼかすと、ユーザーが何が変更されているのかを確認できなくなり、コンテキストが削除されることを示唆しました。

その人は書いた：

「モーダルのコンテンツにコンテキスト的に関連する要素がモーダルの外部にあるという、潜在的なユーザビリティの問題に遭遇しました。

たとえば、モーダルを開いた状態でリストビューのアイテムを調整してロックを適用または削除すると、強調表示した（特定の）ブロックを確認できなくなります…」

この問題の解決策は、コンテキストを表示し続ける必要がある場合、モーダル（ポップアップ）メニューは最適なユーザーインターフェイスではないという観察結果でした。 これは、基になるドキュメントをユーザーが参照する必要がある状況ではモーダルが使用されないため、ぼかしが問題にならないことを意味します。

「…一般的に言えば、モーダルコンテンツとUIの残りの部分の両方を一緒に観察する必要がある場合、モーダルはおそらく最良の選択ではありません。」

モーダルの背後にあるぼかしの例

テンプレートシステムはより多くのデザインコントロールを提供します

この変更により、ユーザーは、個々のカテゴリ、タグ、ページ、およびカスタム投稿タイプに固有のテンプレートをさらに作成できるようになります。

WordPressによると：

「たとえば、すべての個人のブログ投稿に異なるテンプレートを使用し、2番目のテンプレートをすべての開発者関連のブログ投稿に使用し、3番目のテンプレートをすべての旅行の投稿に使用できます。

サイトで書籍や製品などの追加の投稿タイプが登録されている場合、エディターインスタンスはそれらを[新しいテンプレートの追加]ボタンの選択ボックスに自動的に一覧表示します。」

これは、明白な制限を取り除き、グーテンベルクのフルサイトエディタを利用するときに、より良いWebサイトを作成する機能を拡張するため、歓迎すべき追加です。

ワークフローの改善

追加のオプションを提供することにより、ワークフローを改善および合理化することを目的とした他の改善点があります。

これらの変更の中には、メディアライブラリからアップロードまたは選択する代わりに、メディアプレースホルダーから注目の画像を選択する機能があります。

注目の改良されたモーダルのスクリーンショット

この改善の理由は、プルリクエストに記載されています。

「このPRにより、サポートするメディアブロックは、プレースホルダー状態の注目画像から開始するオプションをユーザーに提供できます。

どうして
別のメディアを選択してオプションを取得する必要がないようにするため、および注目の画像がメディア置換フローの「メディアの追加」ブロックコントロールの背後に非表示になっているためです。」

新規：読む時間

ドキュメントの読み取りにかかる時間を確認する機能も、追加された新機能です。

この新機能は、投稿エディタ画面の情報バーに追加され、現在、単語数、文字数、使用されている見出し要素、段落数、ブロック数に関するフィードバックを提供しています。

平均的な読者がドキュメントを読むのにかかる時間は、非常に有用な情報です。

更新された情報バーのスクリーンショット

サイドバー設定パネルのユーザーインターフェイスが改善されました

改善されたユーザーインターフェイスのもう1つの例は、サイドバーの設定パネルにあります。これは、使いやすくするための更新を取得します。

設定パネルのレイアウトはより直感的で、スキャンしてメニュー選択から選択するのが簡単です。

前後のスクリーンショット

WordPressは改善されたインターフェースについて説明しました：

「その結果、表示がすっきりと整理され、投稿やページに関するすべての重要な情報に一目で簡単にアクセスできるようになります。」

非常に多くの改善

新しいグーテンベルク13.7は累積的な更新であり、以前のバージョンからの根本的な変更ではありません。 改善は飛び出さないかもしれませんが、より自然な編集体験に貢献します。

このアップデートは、カラーピッカー、改善されたドキュメント設定、より優れたフルサイト編集エクスペリエンス、多数のバグ修正などの新しいコンポーネントから、グーテンベルクエディターのほぼすべての領域に影響を与えます。

引用

WordPressの発表全文を読む

グーテンベルク13.7の新機能

ブロックロックプルリクエストを読む

ブロックロック：「内部ブロックに適用」オプションを追加＃41876

モーダルの背景ぼかし

モーダルデザインを更新＃40781

注目の画像プルリクエストから始める

メディアプレースホルダー＃41722の注目の画像から始めます

Shutterstock/Vulpによる注目の画像
著者によって変更されました