WordPress5.3.1アップデート

この記事を読むのに必要な時間は約 9 分です。
(専門用語などにはポップアップする説明をつけているので時間が長く表示されることがあります。
ツールチップの機能については、こちら)

WordPress5.3のメジャーアップデートよりちょうど1ヶ月経過しました。
今度は、マイナーアップデートが行われました。
気づけばアップデートされてたという方も多いのではないでしょうか?
マイナーアップデートは、デフォルト設定で自動更新されるように設定されております。
今回のWordPress5.3.1アップデートでの変更点を解説します。

 

目 次

管理フォームの改善

管理フォームは、WordPress 5.3.1の高さと配置の標準化を制御します

WordPress 5.3では、管理のアクセシビリティとブロックエディターとの一貫性を改善するために、いくつかの注目すべきAdmin CSSの変更が導入されました。

これらの変更により、フォームコントロールの高さと配置がWP管理全体で一貫していないことが明らかになりました。

WordPress 5.3より前のバージョンでは、フォームコントロール間に既にいくつかの矛盾がありました。参考のために、WordPress 5.2フォームコントロールは、以下のスクリーンショットでさまざまな配置と高さをグループ化しています。

WordPress 5.3の管理CSSの変更により、フォームコントロールに関する一般的な矛盾にさらに注意が向けられました。そして、いくつかのユーザーと貢献者は、これらの不一致を5.3からの回帰として報告しました。

WordPress 5.3のフォームコントロールの不整合の例

5.3の管理CSSが変更される前に存在していたため、これらの不一致は5.3からの退行とは見なせませんが、WordPress 5.3.1では高さと位置の修正が導入されています。
WordPress 5.3.1では高さと位置の修正
WordPress 5.3.1の変更点は次のとおりです。

  • すべてのフォームコントロールで標準化された高さベースの30ピクセル
  • インターフェイス全体で30pxの一貫した行高ベース
  • 選択コントロールオプションテキストの14pxフォントサイズの基準
  • さまざまな上/下マージンとパディングを削除します

これらの変更は、WordPress管理ページのすべてのフォームコントロールのスタイリングと一貫性を改善するための継続的な取り組みの一環です。一般に、プラグインの作成者とWordPress開発者は次のことが推奨されます。

  • 固定された高さを削除します:柔軟な高さは、WordPressが推奨する標準であり、テキストズームでフォームコントロールのスケーリングを改善できるようにします
  • カスタムの上下のパディング値を削除します
  • カスタムの行の高さの値を削除します
  • カスタムの最小高さ値を削除します
  • カスタムUIコンポーネントのカスタムフォーカス/ホバースタイルを更新して、新しいWordPressフォーカス/ホバースタイルに一致させる

 

代替配色の変更

WordPress 5.3では、注目すべきCSSの変更がWordPress Adminに追加されました。 これらの変更は、特にセカンダリボタンに関して、代替の配色にも影響しました。

実際、セカンダリボタンの境界線は、スキームのプライマリカラーを予期せず継承しました。そのため、ほとんどのカラースキームで議論の余地のある見た目と読みにくい結果となりました。
「青」代替配色
WordPress 5.3の「青」代替配色

「Coffee」代替カラースキーム
WordPress 5.3の「Coffee」代替カラースキーム

「Midnight」代替カラースキーム
WordPress 5.3の「Midnight」代替カラースキーム

また、ボタンの背景色がテキストの色とまったく同じである:active状態でもバグが発生しました。

右側:WordPress 5.3の「青」配色の:active状態のセカンダリボタン


右側:WordPress 5.3の「Midnight」配色で:active状態のセカンダリボタン

WordPress 5.3.1は、すべての代替カラースキームのWP-Adminセカンダリボタンを統合することにより、これらの問題を修正します。

セカンダリボタンのスタイルは、バンドルされているすべての代替カラースキームで同じです。 この変更により、:active state CSSの問題も修正されます。

この変更により、グレーの枠線とテキストの両方にハードコードされた色も導入されることに注意してください。 代替カラースキームの特定のサポートを提供するプラグイン作成者は、これらの新しいハードコードされた色を使用できます。

WP 5.3.1の新しいセカンダリボタンCSS / Sassスタイル:

参照: /wp-admin/css/colors/_admin.scss.

 

TwentyTwentyのアップデート

Twenty Twenty
TwentyTwentyの変更点は以下の通り

  • 著者の略歴を表示または非表示にするカスタマイザーオプション
  • JSベースのスムーズスクロールをCSSに置き換え
  • クレジットリストにホバー効果を持たせる方が良い
  • 色のコントラストの変更が配色に悪影響を与える
  • 画像ウィジェットの画像を置換できませんが「URLから挿入」を使用しています
  • タグクラウドウィジェットの表示について
  • 「デフォルト」を除くすべての配色でのアクティブボタンの色の問題
  • 著者の略歴とボトムポストのメタがモバイル上でずれている
  • コメントフォームにwp-comment-cookies-consentチェックボックスを入力すると小さすぎる

 

wp.newPostでGMT以外の日付計算が間違っている

WordPress5.3不具合
やはりくまはちは、間違っていなかったw
修正に関する問題もすべてにおいて当たっていた
→ 記事が表示されない

  • wp.newPostでGMT以外の日付計算が間違っている
  • WP 5.3の時間の問題により、パーマリンクの日番号がシフトする
  • GMT時間を指定するとmysql2dateがタイムゾーンオフセットを追加する
  • サイトの状態にPHPタイムゾーンチェックを追加

上記の項目が修正されたようです。
これだけ修正されるには高度な知識を必要とするため代替案でしのぐという判断も間違いじゃなかったですね

 

管理者の電子メール検証

メール検証
WordPressサイトの管理と保守に関するメッセージをWordPressに送信する電子メールアドレスを入力します。
たとえば、新しいユーザーがサイトのメンバーとして登録できるようにした場合(下記のメンバーシップを参照)、このアドレスに電子メールで通知が送信されます。
さらに、[管理者が常にコメントを承認する必要がある]オプションが[管理]> [設定]> [ディスカッション]で設定されている場合、この電子メールアドレスはコメントがモデレートのために保留されているという通知を受け取ります。
これは、管理者ユーザーアカウントに指定したアドレスとは異なることに注意してください。
管理者アカウントのメールアドレスには、誰かが管理者によって投稿にコメントを送信したときにのみメールが送信されます。 ここに入力したアドレスは、サイトに表示されることはありません。
複数の受信者にメールを転送するメールアドレスを使用して、複数の管理者にメッセージを送信できます。

WordPress5.3.1では管理者の電子メール検証のリマインド間隔をフィルタリングできるようにする機能が追加されました。

 

まだ修正されていない部分については5.3.2以降で修正されるかもしれませんね


 

WEBのことならくまはちLABにお任せください。

サービス 制作事例
お問い合わせ
くじらモバイル登録
LINE@友だち追加

くまはちLABのご利用ありがとうございます!くまはちLABの最新情報をフォローしてゲットしてください!