Hinzufügen eines benutzerdefinierten Dashboard-Logos in WordPress

Möchten Sie ein eigenes Dashboard-Logo in WordPress hinzufügen?

Oft wird das WordPress-Logo zu Branding-Zwecken durch ein eigenes Dashboard-Logo ersetzt.

In diesem Artikel zeigen wir Ihnen, wie Sie ein benutzerdefiniertes Dashboard-Logo in WordPress für das Branding hinzufügen können.

Was ist ein benutzerdefiniertes Dashboard-Logo und warum sollte es hinzugefügt werden?

Ein benutzerdefiniertes Dashboard-Logo erscheint auf dem WordPress-Admin-Dashboard mit Ihrem eigenen benutzerdefinierten Logo oder Branding.

Auch wenn es wie ein unbedeutendes Detail erscheinen mag, ist es doch ein wichtiger Bestandteil der Marke Ihrer Website und aus mehreren Gründen wichtig:

• Markenbildung: Es stärkt Ihre Markenidentität und sorgt dafür, dass sich der WordPress-Administrationsbereich mehr wie ein Teil Ihres Unternehmens anfühlt.
• Professionalität: Ein individuelles Dashboard-Logo verleiht Ihrer WordPress-Website ein professionelleres und ausgefeilteres Aussehen.
• White Labeling: Wenn Sie Websites für Kunden erstellen oder ein Multisite-Netzwerk betreiben, können Sie benutzerdefinierte Dashboard-Logos verwenden, um den WordPress-Verwaltungsbereich mit einem White-Label zu versehen. Das bedeutet, dass Sie das WordPress-Branding vollständig entfernen und durch Ihr eigenes ersetzen können, um ein individuelles Erlebnis für Ihre Kunden zu schaffen.

Unabhängig davon, ob Sie ein kleines Unternehmen, einen Online-Shop oder einen Blog besitzen, ist es wichtig, ein individuelles Dashboard-Logo zu haben, um das Backend-Erlebnis zu personalisieren und eine starke interne Markenidentität zu schaffen.

Methode 1: Hinzufügen eines benutzerdefinierten Dashboard-Logos in WordPress mithilfe eines Plugins

Diese Methode ist sehr einfach und für die meisten Anfänger zu empfehlen.

Als Erstes müssen Sie das White Label CMS-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite Einstellungen “ White Label CMS besuchen.

Wählen Sie dann einfach die Registerkarte „Branding“.

Schalten Sie den Schalter von links nach rechts auf „WordPress-Logo und Links ausblenden“.

Als Nächstes müssen Sie die Registerkarte „Dashboard“ aufrufen.

Hier laden Sie ein benutzerdefiniertes Logo an der Stelle hoch, an der „Dashboard-Symbol“ steht.

Das benutzerdefinierte Logo sollte genau 40 x 40 Pixel groß sein.

Vergessen Sie nicht, auf die Schaltfläche „Speichern“ in der oberen rechten Ecke zu klicken, um Ihre Einstellungen zu speichern.

Kehren Sie nun zum WordPress-Verwaltungsbereich zurück.

Sie sollten das Logo in Ihrem Dashboard sehen. So würde es aussehen:

Neben dem benutzerdefinierten Dashboard-Logo bietet White Label CMS auch andere Funktionen für das Rebranding Ihrer WordPress-Installation.

Ausführliche Anweisungen finden Sie in unserer Anleitung zum White-Labeling des WordPress-Administrations-Dashboards.

Methode 2: Manuelles Hinzufügen eines benutzerdefinierten Dashboard-Logos in WordPress

Diese Methode ist für Benutzer geeignet, die mit dem Einfügen von Codeschnipseln in WordPress vertraut sind. Der einfachste und sicherste Weg, benutzerdefinierten Code zu Ihrem WordPress hinzuzufügen, ist ein Plugin wie WPCode.

In den meisten Tutorials, die Ihnen zeigen, wie Sie Ihrer WordPress-Website Shortcodes hinzufügen können, müssen Sie den Code in die Datei functions.php Ihres Themes einfügen. Das kann zwar funktionieren, aber es kann eine Menge schiefgehen.

Schon ein winziger Fehler im Code oder in der Art und Weise, wie Sie ihn hinzufügen, kann Ihre WordPress-Website zerstören und unzugänglich machen. Daher empfehlen wir dies nur für fortgeschrittene Benutzer.

Selbst für fortgeschrittene Benutzer ist WPCode der sicherste Weg, dies zu tun. Daher müssen Sie zunächst das kostenlose WPCode-Plugin installieren und aktivieren. Ausführlichere Anweisungen finden Sie in unserer Anleitung zur Installation eines WordPress-Plugins.

Speichern Sie als Nächstes Ihr individuelles Logo als Datei custom-logo.png auf Ihrem Computer. Es muss genau 40 x 40 px groß sein.

Sobald Sie Ihr benutzerdefiniertes Logo fertig haben, müssen Sie es per FTP in den Ordner /wp-content/themes/your-theme/images hochladen. Wenn Ihr Thema nicht über einen Bilderordner verfügt, müssen Sie ihn erstellen.

Von dort aus gehen Sie zu Code Snippets >> +Add Snippet.

Sie landen in der WPCode-Bibliothek, in der Dutzende von Codeschnipseln zur Auswahl stehen.

In diesem Fall wählen Sie „Eigenen Code hinzufügen“ und klicken auf die Schaltfläche „Snippet verwenden“.

Fügen Sie einen Titel wie „Benutzerdefiniertes Logo-Dashboard“ ein.

Ändern Sie dann den „Code-Typ“ in „PHP-Snippet“.

Danach fügen Sie diesen Code einfach in das Feld „Codevorschau“ ein:

function wpb_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}

//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

Sie sollte in etwa so aussehen.

Vergewissern Sie sich, dass der gesamte Text und die Formatierung genau so sind wie oben gezeigt.

Blättern Sie nach unten zu „Einfügemethode“ und wählen Sie „Automatisch einfügen“.

Um sicherzustellen, dass Ihr benutzerdefiniertes Logo im Dashboard angezeigt wird, erweitern Sie das Dropdown-Menü Standort und wählen Sie „Nur für Administratoren“.

Schalten Sie abschließend den Schalter von Inaktiv auf Aktiv um und klicken Sie auf die Schaltfläche „Speichern“.

Dieser Code fügt einfach das CSS hinzu, das erforderlich ist, um Ihr benutzerdefiniertes Logo in der WordPress-Adminleiste anzuzeigen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man ein benutzerdefiniertes Dashboard-Logo in WordPress hinzufügt. Vielleicht interessiert Sie auch unsere Anleitung, wie Sie mit Adminimize unnötige Elemente in WordPress ausblenden können, oder lesen Sie unseren Blogbeitrag über die besten WordPress-Tipps, -Tricks und -Hacks, um Ihre Website besser anzupassen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.