KI, Development & Tech News

WordPress 7.2 ersetzt Dashicons im Admin-Menü durch SVG-Icons

261106 wordpress 7 2 svg icons admin titelbild
Zum Inhaltsverzeichnis
Inhalt 4 Abschnitte
  1. Was bleibt gleich, was ist neu?
  2. Welche Anpassungen funktionieren nicht mehr?
  3. Was das für dich bedeutet
  4. Quellen

WordPress 7.2 ersetzt die Icons im Admin-Menü und in der Admin-Bar. Statt Dashicons, einer Icon-Schrift, die per CSS eingeblendet wird, erscheinen Inline-SVGs aus dem Paket @wordpress/icons. Ashar Fuadi beschreibt die Umstellung in einer Dev Note auf make.wordpress.org. Laut der Ankündigung von Beta 4 soll WordPress 7.2 am 8. Dezember 2026 erscheinen.

Was bleibt gleich, was ist neu?

Die Menüdaten ändern sich nicht. Die dashicons-Werte stehen weiter im Array $menu und in der REST API, und Einträge mit URLs, Base64-SVGs oder dem Wert none funktionieren wie bisher. Auch Dashicons ohne Gegenstück in der neuen Sammlung core-admin bleiben nutzbar, ebenso Admin-Bar-Einträge von Drittanbietern.

Neu ist eine Icon-API. Die Funktion add_menu_page() und das Argument menu_icon von register_post_type() nehmen auch den Namen eines registrierten Icons entgegen, etwa core-admin/pin. WP_Admin_Bar::add_node() bekommt ein Argument icon, das vor dem Titel erscheint, und eigene Sammlungen entstehen mit wp_register_icon_collection() und wp_register_icon(). Ist der Name nicht registriert, erscheint kein Icon; ist WP_DEBUG eingeschaltet, meldet WordPress zusätzlich einen _doing_it_wrong()-Hinweis.

Welche Anpassungen funktionieren nicht mehr?

Farbregeln, die Icons über ::before einfärben, greifen nicht mehr. Die Farbe gehört zusätzlich auf das Icon-Element, also auf div.wp-menu-image im Menü und auf .ab-icon in der Admin-Bar; das SVG übernimmt die Farbe über currentColor. Dasselbe gilt für die Zustände Hover, Focus, Current, Open und die mobile Ansicht.

Was sich für dein Admin-CSS ändert
Laut Dev Note für WordPress 7.2, das am 8. Dezember 2026 erscheinen soll
BisherIn WordPress 7.2
  • Icon-Farbe über ::beforeFarbe zusätzlich auf .ab-icon und div.wp-menu-image
  • Icon per CSS ausblendenzusätzlich svg bzw. .ab-icon ausblenden
  • Selektor .dashicons-*Klasse menu-icon-* oder Menüpunkt-ID
  • Titel mit leerem Span ab-iconEintrag mit Argument icon
Die Dev Note nennt weitere Fälle, etwa Suchicon und Collapse-Button
Quellen: Make WordPress Core, WordPress News

Zum Ausblenden musst du jetzt auch das Element selbst ansprechen, also svg bzw. .ab-icon. Soll ein Bild als Ersatz dienen, brauchst du einen leeren content-Wert sowie eine eigene Größe und einen eigenen Hintergrund. Der Selektor .dashicons-* trifft alle Menüpunkte mit demselben Icon; gezielter sprichst du einen Eintrag über die Menüpunkt-ID oder die Klasse menu-icon-* an.

In PHP enthalten viele Einträge der Admin-Bar aus dem WordPress-Kern den leeren Span ab-icon nicht mehr im Titel. Code, der nach diesem Span sucht, findet ihn nicht. Die Ausnahme ist der Eintrag wp-logo.

Was das für dich bedeutet

Teste eine Seite mit eigenem Admin-Design zuerst mit Beta 4 in einer Testumgebung, nicht auf der Live-Website: Das WordPress-Team warnt ausdrücklich davor, die Beta auf produktiv genutzten Websites zu installieren. Am schnellsten gelingt der Test im Browser über WordPress Playground, alternativ per WP-CLI mit wp core update --version=7.2-beta4 oder mit dem Beta Tester Plugin.

Such im eigenen CSS nach ::before-Regeln für wp-menu-image und ab-icon und prüf auch den Hover-Zustand und die mobile Ansicht. Pflegst du Plugins, erkennst du in Menüs mit function_exists( 'wp_is_valid_icon_name' ), ob eine neue WordPress-Version läuft. Ältere WordPress-Versionen ignorieren das Argument icon in der Admin-Bar.

Unsere Einschätzung: Die meisten Plugins laufen laut Dev Note unverändert weiter. Von Hand nachbessern musst du nur bei Seiten mit eigenem Farbschema im Admin-Bereich, und dort genügt je Regel meist eine zusätzliche Zeile für das Icon-Element.

Ashar Fuadi hat die Dev Note am 5. November 2026 veröffentlicht.

Quellen

Kommentare

Anmelden und kommentieren.

Weiterlesen

Das könnte dich auch interessieren

Alle Artikel ansehen →