SVG化の対象と背景

対象は管理バーとサイドメニューのコアアイコンです。記事本文やサイト全体の画像をSVGへ変換する機能ではありません。背景について、公式の提案記事はアイコンフォントの読み上げや強制カラーモードでの表示を挙げ、色を引き継ぐSVGへの移行を説明しています。詳しくはDashicons置き換えの提案を参照してください。

色を指定するCSSの確認点

従来の疑似要素 ::before だけを対象にした色指定は、新しいSVGには適用されません。公式開発ノートでは、アイコンの要素側にも色を指定する例が示されています。旧バージョン用の指定を残し、要素への指定を加えます。

#adminmenu div.wp-menu-image,
#adminmenu div.wp-menu-image::before {
  color: #c3c4c7;
}

上記は管理メニューの色指定の例です。記事本文に貼って管理画面を変更するものではありません。管理画面向けに読み込んでいる独自CSSを修正する際の参考として扱ってください。

新しいアイコン指定と互換性

登録済みアイコン名を管理メニューなどに渡す仕組みも追加されます。管理画面用には core-admin コレクションを使います。既存のDashicons指定には互換性の扱いがあるため、一括置換する前に対象アイコンの対応を確認してください。詳細と管理バー向けの例は公式開発ノートに掲載されています。

検証用サイトで行う確認手順

以下は、独自の管理画面CSSを確認するために本記事で整理した作業手順です。

• 公開サイトとは別の検証用コピーを用意し、変更前の管理画面を記録します。
• 管理画面用のCSSから wp-menu-image、ab-icon、::before を検索して、変更対象を抽出します。
• 通常時・ホバー時・キーボードフォーカス時・選択中の状態を比較します。
• 色だけでなく、アイコンの非表示や差し替えも個別に確認します。
• 対応する旧バージョンでも表示を確認し、検証結果と修正箇所を記録します。

ベータ版と公開サイトの扱い

11月3日に公開されたWordPress 7.2 Beta 4はテスト・開発用です。公式案内は本番サイトへの導入を避け、ローカルまたはテスト環境を使うよう説明しています。正式リリース予定日は12月8日ですが、予定と公開済みの状態は区別してください。導入方法と日程はBeta 4の公式案内で確認できます。

参照した公式情報

• SVG icons in the admin bar and menu in WordPress 7.2（11月5日）
• Replacing Dashicons in the admin bar and menu（9月4日）
• WordPress 7.2 Beta 4（11月3日）

情報確認日：2026年11月5日。図は仕組みを説明する模式図であり、実際の管理画面のスクリーンショットではありません。