Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man ein Kunden-Dashboard in WordPress erstellt

Wenn Sie WordPress-Websites für Kunden erstellen, ist das Erstellen eines individuellen Kunden-Dashboards eine großartige Möglichkeit, die Erfahrung der Kunden zu verbessern.

Mit einem individuell angepassten Dashboard in WordPress können Sie Ihren Kunden genau die Ressourcen, Shortcuts und andere wichtige Informationen zur Verfügung stellen, die sie für den Einstieg benötigen.

Viele von uns im WPBeginner-Redaktionsteam haben individuelle Dashboards für unsere eigenen Kundenprojekte erstellt, und es macht immer einen großen Unterschied.

In diesem Artikel zeigen wir Ihnen, wie Sie ein Dashboard für Kunden in WordPress erstellen können, ohne Code zu schreiben oder die Möglichkeit des Kunden zu beeinträchtigen, seine Website zu aktualisieren.

Creating a client dashboard in WordPress

Warum ein Kunden-Dashboard in WordPress erstellen?

Als Anbieter von WordPress-Lösungen werden Sie auf Kunden treffen, die noch nie mit WordPress gearbeitet haben und mit HTML, CSS oder der WordPress-Terminologie nicht vertraut sind.

Indem Sie ein benutzerdefiniertes Dashboard für Kunden erstellen, können Sie ihnen eine schlanke WordPress-Oberfläche und eine verbesserte Benutzerfreundlichkeit bieten.

Die Kundenzufriedenheit wird verbessert, was zu mehr Folgeaufträgen führt. Ihre Kunden werden weniger Unterstützung benötigen, was auch Ihnen Zeit spart.

Werfen wir also einen Blick darauf, wie man in WordPress ganz einfach ein Kunden-Dashboard erstellen kann.

Wir werden Sie durch die verschiedenen Schritte des Prozesses begleiten. Je nach den Anforderungen Ihres Kunden können Sie selbst entscheiden, wie viel Sie anpassen möchten. Verwenden Sie einfach die unten stehenden Links, um zu den Schritten zu springen, die Sie am meisten interessieren:

1. Unnötige Verwaltungsmenüs ausblenden

Wenn Sie eine Website für Ihre Kunden erstellen, können Sie verschiedene WordPress-Plugins, benutzerdefinierte Beitragstypen, WordPress-Seitenerstellungsprogramme und andere Tools verwenden.

Viele dieser Tools fügen eigene Menüpunkte in der WordPress-Verwaltungsleiste hinzu, erstellen benutzerdefinierte Widgets im Verwaltungs-Dashboard und fügen Links in der Symbolleiste hinzu.

Das Endergebnis sieht ein wenig unübersichtlich aus. Für einen Kunden, der WordPress noch nie benutzt hat, lassen diese zusätzlichen Elemente das Dashboard komplizierter aussehen, als es sein müsste.

WordPress dashboard

Beginnen wir mit der Erstellung eines Kunden-Dashboards, indem wir die Unordnung beseitigen.

Dazu müssen Sie das Adminimize-Plugin installieren und aktivieren. Weitere Details 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 “ Verwalten besuchen, um das Plugin zu konfigurieren.

Adminimize settings

Auf der Einstellungsseite werden verschiedene Verwaltungsabschnitte aufgeführt. Wenn Sie auf einen Bereich klicken, wird dieser erweitert und Sie sehen die Optionen für diesen bestimmten Bereich.

Settings for a section in Adminimize

Sie können jedes Element, das unter einem Abschnitt aufgeführt ist, für verschiedene Benutzerrollen ein- oder ausblenden. Prüfen Sie jedes Element sorgfältig, bevor Sie es ausblenden, da dies die Fähigkeit Ihres Kunden, seine Website zu nutzen, beeinträchtigen kann.

Eine ausführliche Anleitung finden Sie in unserem Leitfaden zum Ausblenden unnötiger Menüpunkte in WordPress.

2. White Label WordPress Dashboard

Das Adminimize-Plugin bietet eine Vielzahl von Optionen, um das Erscheinungsbild des WordPress-Admin-Dashboards zu steuern. Es hat jedoch keine Optionen, um das WordPress-Branding auszublenden und den Adminbereich weiß zu markieren.

White Labeling umfasst das Ersetzen des WordPress-Logos durch ein benutzerdefiniertes Logo, das Ändern der Fußzeile des Admin-Bereichs, das Ein- und Ausblenden von Menüpunkten und vieles mehr.

Zunächst müssen Sie das White Label CMS-Plugin installieren und aktivieren. Nach der Aktivierung gehen Sie auf die Seite Einstellungen “ White Label CMS, um die Plugin-Einstellungen zu konfigurieren.

White Label CMS settings

Die Einstellungsseite ist in verschiedene Abschnitte unterteilt. Sie können auf einen Bereich klicken, um ihn zu erweitern und seine Einstellungen anzuzeigen.

Einige Optionen im Plugin sind auch in Adminimize verfügbar. Wenn Sie diese Optionen bereits ausgeblendet haben, können Sie sie übergehen.

Detaillierte Anweisungen zu den einzelnen Abschnitten finden Sie in unserem Artikel zum White-Labeling Ihres WordPress-Admin-Dashboards.

3. Ändern des Erscheinungsbildes des WordPress-Dashboards

WordPress verfügt über eine Reihe von Farbschemata für die Verwaltung, die Benutzer über ihre Profile ändern können. Sie können ein Farbschema als Standard für neue Benutzer festlegen. Sie können auch ein eigenes Farbschema erstellen.

Admin color schemer

Möchten Sie es auf die nächste Stufe bringen? Versuchen Sie es mit WordPress-Admin-Themes. Diese Themes sind als Plugins verfügbar, die Sie installieren können, um das Aussehen Ihres WordPress-Administrationsbereichs zu verändern.

WordPress admin theme

Hier sind einige kostenlose WordPress-Admin-Themes und Plugins, die Sie ausprobieren können.

4. Hilfreiche Ressourcen zum Kunden-Dashboard hinzufügen

Wenn Sie Ihren Kunden Projekte liefern, werden Sie feststellen, dass viele von ihnen ähnliche Fragen haben. Das Hinzufügen eines Hilfe- oder Ressourcenbereichs im WordPress-Kunden-Dashboard kann Ihnen helfen, diese Fragen zu beantworten und Zeit für die Bereitstellung von Support zu sparen.

Der beste Weg, einen Hilfebereich hinzuzufügen, ist die Installation und Aktivierung des WP Help-Plugins. Nach der Aktivierung fügt das Plugin einen neuen Menüpunkt „Publishing Help“ in Ihrer WordPress-Verwaltungsleiste hinzu. Wenn Sie darauf klicken, gelangen Sie auf die Einstellungsseite.

Publishing help

Dieser Bereich ist noch leer, da Sie noch keine Hilfsressourcen erstellt haben. Klicken Sie auf die Schaltfläche „Neu hinzufügen“, um eine zu erstellen.

Auf der nächsten Seite können Sie Ihr Hilfedokument genauso erstellen, wie Sie einen WordPress-Beitrag oder eine Seite erstellen würden.

New help document

WP Help verwendet einen benutzerdefinierten Beitragstyp für Dokumente, und sie sind hierarchisch wie Seiten. Sie können übergeordnete und untergeordnete Dokumente erstellen, um sie zu organisieren.

Managing docs

Sie können auch Dokumente von einer anderen WordPress-Website synchronisieren. So können Sie die gleiche Dokumentation für alle Ihre Kundenprojekte verwenden.

Detaillierte Anweisungen finden Sie in unserer Anleitung zum Hinzufügen eines Hilfe-/Ressourcenbereichs im WordPress-Admin.

5. Benutzerdefinierte Dashboard-Widgets erstellen

Dashboard-Widgets sind die ersten Dinge, die Benutzer sehen, wenn sie sich im WordPress-Verwaltungsbereich anmelden. Dies ist der beste Ort, um Ihre Kunden in die richtige Richtung zu weisen, indem Sie Ihre eigenen benutzerdefinierten Dashboard-Widgets hinzufügen.

Hier ist ein einfacher Code für ein Dashboard-Widget, den Sie als Ausgangspunkt verwenden können.

Sie müssen diesen Code in die Datei functions.php Ihres Themes, in ein Site-spezifisches Plugin oder in ein Code-Snippets-Plugin einfügen.

add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
  
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
 
wp_add_dashboard_widget('custom_help_widget', 'Theme Support', 'custom_dashboard_help');
}
 
function custom_dashboard_help() {
 
// Content you want to show inside the widget
 
echo '<p>Welcome to Custom Blog Theme! Need help? Contact the developer <a href="mailto:yourusername@gmail.com">here</a>. For WordPress Tutorials visit: <a href="https://www.wpbeginner.com" target="_blank">WPBeginner</a></p>';
}

Vergessen Sie nicht, den Inhaltsteil mit Ihrer eigenen Nachricht zu versehen. Für die Formatierung und Gestaltung können Sie einfaches HTML verwenden.

Wir empfehlen, diesen Code mit WPCode, dem besten Plugin für Code-Snippets, hinzuzufügen.

WPCode

WPCode macht es sicher und einfach, benutzerdefinierten Code in WordPress hinzuzufügen, ohne die functions.php-Datei Ihres Themes zu bearbeiten. Sie müssen sich also nie Sorgen machen, dass Ihre Website kaputt geht.

Um loszulegen, müssen Sie das kostenlose WPCode-Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie unsere Anleitung zur Installation eines WordPress-Plugins.

Sobald das Plugin aktiviert ist, navigieren Sie im WordPress-Dashboard zur Seite Code Snippets “ + Snippet hinzufügen. Klicken Sie dann auf die Schaltfläche „Snippet verwenden“ unter der Option „Eigenen Code hinzufügen (neues Snippet)“.

Add a new custom code snippet in WPCode

Fügen Sie dann einen Titel für das Code-Snippet hinzu und fügen Sie den Code von oben in das Feld „Codevorschau“ ein. Vergessen Sie nicht, auch „PHP Snippet“ als Codetyp aus dem Dropdown-Menü auszuwählen.

Paste code into the WPCode plugin and choose code type

Schalten Sie dann einfach den Schalter von „Inaktiv“ auf „Aktiv“ um und klicken Sie auf die Schaltfläche „Snippet speichern“.

Activate and save your custom code snippet

So sah es aus, als wir es auf unserer Demo-Website getestet haben:

Custom dashboard widget

Weitere hilfreiche Ressourcen für den WordPress-Administrator

Wenn Sie mit diesen Tipps ein individuelles Kunden-Dashboard erstellt haben, suchen Sie vielleicht nach weiteren Möglichkeiten, den WordPress-Administrationsbereich anzupassen. Hier sind einige nützliche Anleitungen, die Sie sich ansehen können:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man ein Kunden-Dashboard in WordPress erstellt. Vielleicht interessieren Sie sich auch für unseren Leitfaden zur Steigerung der WordPress-Geschwindigkeit und -Leistung und unsere Expertenauswahl der besten Business-Telefondienste für kleine Unternehmen.

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.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

11 KommentareEine Antwort hinterlassen

  1. Kevin

    Can I build a client dashboard using hosted WordPress site

    • WPBeginner Support

      Unless your specific host has limitations then you should be able to.

      Admin

  2. Abdul-Warith Ajani

    On what plan must I be to be able to create dashboard?

  3. Reuben

    Hi could you give me a sample of how to create multiple dashboard widget? from your above code i could create 1 dashboard widget. But i tried to duplicate it but it seems i’m having a little trouble. Could you provide me with a sample so i could work it out? Sorry i’m pretty new in this hope you would help.

    Thanks!!

  4. Jonny

    Hi love this tutorial and your code works like a charm. But i got a slight issue. I am a noob in wordpress i would admit but by using the above code you mention..

    add_action(‚wp_dashboard_setup‘, ‚my_custom_dashboard_widgets‘);

    function my_custom_dashboard_widgets() {
    global $wp_meta_boxes;

    wp_add_dashboard_widget(‚custom_help_widget‘, ‚Theme Support‘, ‚custom_dashboard_help‘);
    }

    function custom_dashboard_help() {
    echo ‚Welcome to Custom Blog Theme! Need help? Contact the developer here. For WordPress Tutorials visit: WPBeginner‚;
    }

    i am able to create 1 widget which is great! How could i modify/add to add more widget to my dashbooard? can i jsut copy and paste?

    • WPBeginner support

      You could create another widget by adding another wp_add_dashboard_widget() inside the curly brackets with a function for what you want inside the new widget.

      Admin

  5. Jared M

    This seems like a lot of plugins. Wouldn’t this slow down the site considerably?

    • WPBeginner Support

      Hi Jared,

      No, the plugins run only in the WordPress admin area and are highly optimized for speed.

      Admin

      • Jared M

        That’s what I was hoping! Great solutions. Thank you.

  6. Thabiso

    Hmmmmm! Beautiful article. Just what I’ve been longing for. Thank you. I saved it on my Facebook so to keep revisiting it.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.