So fügen Sie WordPress-Admin-Symbole hinzu oder ändern sie: Eine einfache Anleitung 

Es gibt viele Möglichkeiten, die Benutzerfreundlichkeit einer Website zu verbessern, beispielsweise durch Webdesign. Eine davon ist das Hinzufügen oder Ändern von WordPress-Admin-Symbolen. Die Personalisierung Ihres WordPress-Dashboards dient nicht nur der Optik, sondern macht Ihre Website auch benutzerfreundlicher und angenehmer! Ein schneller Einstieg gelingt mit dem Hinzufügen oder Ändern Ihrer Admin-Symbole.

Individuelle Symbole können Ihren Workflow optimieren und die Navigation zum Kinderspiel machen, insbesondere für neue Benutzer. Außerdem wirkt ein personalisiertes Dashboard einfach einladender und macht die Arbeit damit mehr Spaß!

Heute tauchen wir ein in die Welt der WordPress-Admin-Icons, zeigen Ihnen, wie Sie diese ganz einfach per Plugin hinzufügen und wie Sie eine WordPress-Icon-Schriftart verwenden. Bereit, die Benutzerfreundlichkeit Ihrer Website zu verbessern? Dann legen wir los!

WordPress-Admin-Symbole verstehen

Die WordPress -Admin-Icons sind die kleinen Bilder, die neben den Menüpunkten im WordPress-Dashboard angezeigt werden. Sie tragen zu einer intuitiveren und übersichtlicheren Navigation bei. Standardmäßig verwendet WordPress Dashicons– eine Icon- Schriftart , die seit 2013 existiert und sich seitdem kaum verändert hat.

Wenn Sie Ihren WordPress-Adminbereich aufpeppen möchten, ist das Ändern dieser Symbole ein guter Anfang! Sie können die Standardsymbole durch solche ersetzen, die besser zu Ihrem Stil passen, oder sogar Ihre eigenen Symbole hinzufügen, um einen wirklich individuellen Look zu kreieren.

Icons sind wirkungsvoll, weil sie allgemein bekannt sind und es Nutzern erleichtern, das Gesuchte zu finden – sei es eine Anmeldeseite, ein bestimmter Artikel oder andere wichtige Bereiche der Website. Dies ist besonders hilfreich bei mehrsprachigen Websites oder Websites mit internationalem Publikum.

Für Webdesign-Kunden , die mit WordPress nicht vertraut sind, können benutzerdefinierte Symbole die Navigation im Admin-Dashboard vereinfachen und ihnen ein individuell zugeschnittenes Nutzererlebnis bieten.

Erfahren Sie mehr darüber: Wie behebt man das Problem, dass Elementor-Symbole nicht angezeigt werden?

So fügen Sie WordPress-Admin-Symbole hinzu oder ändern sie: Zwei Methoden

Nachdem Sie nun die Funktion der WordPress-Admin-Icons kennen, erfahren Sie im Folgenden, wie Sie diese in WordPress hinzufügen oder ändern. Es gibt zwei einfache Möglichkeiten, Ihre WordPress-Admin-Icons anzupassen. Die erste Möglichkeit ist die Verwendung eines Plugins, wodurch die Änderung schnell und unkompliziert vonstattengeht. Die zweite Möglichkeit besteht darin, die Admin-Icons mithilfe eines Code-Snippets zu ändern.

Wir werden uns beide Methoden ansehen, um Ihnen bei der Entscheidung zu helfen, welche für Sie am besten geeignet ist. Legen wir los:

So fügen Sie WordPress-Admin-Symbole mithilfe eines Plugins hinzu oder ändern diese

Wenn Sie noch keine Erfahrung mit dem Hinzufügen von Symbolen in WordPress haben, ist die Verwendung eines Plugins der einfachste Einstieg. In dieser Anleitung zeigen wir Ihnen, wie Sie Symbole mithilfe des Font Awesome -Plugins hinzufügen.

Um Icons mit Font Awesome auf Ihrer WordPress-Website einzubinden, folgen Sie diesen einfachen Schritten:

Installieren und aktivieren Sie das Plugin.

Melden Sie sich zunächst in Ihrem WordPress-Dashboard an, gehen Sie dann zu Plugins und installieren und aktivieren Sie das Font Awesome-Plugin.

Passen Sie die Plugin-Einstellungen nach Bedarf an.

Nach der Aktivierung werden Sie zur „Installierte Plugins“ . Suchen Sie dort nach Font Awesome und klicken Sie auf „Einstellungen“. Das Plugin verwendet standardmäßig kostenlose Web-Icons über das Font Awesome CDN . Wenn Sie damit einverstanden sind, können Sie direkt loslegen.

Wissenswertes: Wie löscht man unsichtbare WordPress-Administratorbenutzer?

Wenn Sie sowohl kostenlose als auch Pro-Icons verwenden möchten, müssen Sie ein Font Awesome Kit erstellen, einen API-Token anfordern und diesen in den Plugin-Einstellungen hinzufügen. (Wenn Sie nur einfache Icons benötigen, können Sie diesen Schritt überspringen!) Vergessen Sie nicht, anschließend auf „Änderungen speichern“ zu klicken.

Fügen Sie das Symbol an der gewünschten Stelle ein.

Und jetzt zum spannenden Teil! Font Awesome-Icons lassen sich per Shortcode oder HTML- Snippet hinzufügen. Der Shortcode hat folgendes Format: [icon name= “value”]. Ersetzen Sie einfach „value“ durch den Namen des gewünschten Icons. Um beispielsweise ein Award-Icon hinzuzufügen, verwenden Sie [icon name= “award”].

Wenn Sie mit HTML besser vertraut sind, können Sie stattdessen die Standard-Syntax von Font Awesome verwenden. Font Awesome stellt HTML-Code-Snippets für jedes Symbol bereit. Sie müssen diese lediglich kopieren und an der gewünschten Stelle einfügen.

Vorschau Ihrer Änderungen.

Überprüfen Sie vor der Veröffentlichung die Vorschau des Beitrags oder der Seite, um sicherzustellen, dass Ihr Symbol korrekt angezeigt wird. Falls es nicht erscheint, vergewissern Sie sich, dass Sie ein kostenloses und kein Premium-Symbol verwenden.

Außerdem interessant: Wie lassen sich Header in WordPress nahtlos bearbeiten und anpassen?

Methode 2: Manuelles Hinzufügen oder Ändern von Admin-Menüsymbolen mithilfe eines Code-Snippets

Wer sich etwas praktische Arbeit zutraut, kann die Admin-Icons durch Hinzufügen eines kleinen Codeabschnitts anpassen.

Bevor Sie loslegen, empfehlen wir Ihnen, einen Blick in unsere Kurzanleitung zum sicheren Hinzufügen von benutzerdefiniertem Code in WordPress zu werfen, falls Sie dies noch nie zuvor getan haben.

Am einfachsten und sichersten geht das mit dem WPCode- Plugin. Es eignet sich hervorragend, um benutzerdefinierten Code, CSSund HTML hinzuzufügen, ohne etwas zu beschädigen. Es gibt auch eine kostenlose Version (WPCode Lite), die alles Notwendige bietet, während die Pro-Version einige zusätzliche praktische Funktionen enthält.

Beispiel: Ersetzen eines Symbols mithilfe der Standard-Dashicons

In diesem Beispiel verwenden wir Dashicons (das in WordPress integrierte Icon-Set), um ein vorhandenes Icon zu ersetzen. Da Dashicons für WordPress optimiert sind, verlangsamen sie Ihre Website nicht.

Folgendes benötigen Sie, bevor Sie beginnen:

• Die URL des Menüpunkts, den Sie aktualisieren möchten
• Der Name des Symbols, das Sie verwenden möchten

Angenommen, Sie möchten das Symbol für das Menü „Beiträge“ ändern. Bewegen Sie einfach den Mauszeiger über den Menüpunkt „Beiträge“ in Ihrem Dashboard. Die URL wird dann in der Statusleiste Ihres Browsers angezeigt. Sie benötigen nur den letzten Teil – in diesem Fall edit.php.

Als Nächstes gehen Sie auf die Dashicons-Website, suchen das gewünschte Symbol und kopieren dessen „Slug“ (wie zum Beispiel dash icons-format-aside).

Fügen wir nun den Code hinzu:

1. Gehen Sie zu Code-Snippets » Snippet in Ihrem Dashboard.
2. Klicken Sie auf + Benutzerdefinierten Code-Schnipsel hinzufügen und geben Sie Ihrem Schnipsel einen Titel.
3. Wählen Sie Option „PHP-Snippet“ unter „Code-Typ“und fügen Sie dann den folgenden Code in den Editor ein:

function change_post_menu_icon() {global $menu;// Durchlaufe die Menüpunkteforeach ($menu as $key => $menu_item) {// Suche den Menüpunkt „Beiträge“ (Standard-URL ist 'edit.php')if (isset($menu_item[2]) && $menu_item[2] == 'edit.php') {// Ändere das Symbol in eine andere Dashicon-Klasse$menu[$key][6] = 'dashicons-format-aside'; // Ändere dies in deinen bevorzugten Dashicon-Slug}}}add_action('admin_menu', 'change_post_menu_icon');

Ersetzen Sie einfach dashicons-format-aside durch den Slug des Symbols, das Sie zuvor kopiert haben.

Sobald der Code eingefügt ist, scrollen Sie nach unten zum „Einfügung “, stellen Sie den Speicherort auf „Nur Administratoren“ ein und aktivieren Sie den Codeausschnitt .Klicken Sie anschließend auf „Codeausschnitt speichern“.

WordPress verwendet nun das von Ihnen gewählte Symbol für die Beitragsseite – ganz einfach!

Verwandtes Thema: So richten Sie Elementor-Shortcodes für die einfache Verwendung in Vorlagen ein

Zusammenfassung

Sie sehen also, es ist gar nicht so schwer, die Icons in Ihrem WordPress-Adminbereich hinzuzufügen oder zu ändern. Sobald Sie deren Funktion verstanden haben, helfen sie Ihnen, das Design Ihrer Website und die Benutzerfreundlichkeit zu verbessern.

Ob Sie nun ein Plugin für schnelle Icon-Wechsel verwenden oder lieber selbst Code hinzufügen, um die Einstellungen anzupassen – der Prozess ist unkompliziert und kann einen großen Unterschied machen, insbesondere für Kunden oder Nutzer, die mit WordPress noch nicht so vertraut sind. Also, worauf warten Sie noch? Verpassen Sie Ihrem Admin-Bereich ein neues Aussehen und gestalten Sie ihn ganz nach Ihren Wünschen!