Anpassen des WordPress-Admin - Das Dashboard

Im ersten Teil dieser Serie habe ich Ihnen gezeigt, wie Sie den WordPress-Anmeldebildschirm anpassen können, indem Sie ein benutzerdefiniertes Logo und ein benutzerdefiniertes Styling hinzufügen.

Das nächste, was Ihre Benutzer nach dem Anmelden sehen, ist das Dashboard. In diesem Lernprogramm erfahren Sie, wie Sie es anpassen können, indem Sie einige der vorhandenen Metaboxen entfernen, einige verschieben und neue hinzufügen.

Die Schritte, die ich in diesem Tutorial demonstrieren werde, sind:

  1. Einige Metaboxen entfernen, die Ihre Benutzer verwirren könnten
  2. Verschieben einer Metabox an eine andere Position auf dem Bildschirm
  3. Eigene benutzerdefinierte Metaboxen hinzufügen, um Benutzern zu helfen

Ich werde dazu ein Plugin erstellen - wenn Sie bereits ein Plugin erstellt haben, nachdem Sie Teil 1 dieser Serie befolgt haben, können Sie es vorziehen, den Code aus diesem Tutorial zu diesem Plugin hinzuzufügen, sodass Sie ein Plugin mit Ihrem gesamten Administrator erhalten Anpassung.


Was Sie benötigen, um dieses Tutorial abzuschließen

Um dieses Tutorial abzuschließen, benötigen Sie:

  • Eine WordPress-Installation
  • Greifen Sie auf den Plugins-Ordner Ihrer Site zu, um Ihr Plugin hinzuzufügen
  • Ein Texteditor zum Erstellen Ihres Plugins

Plugin einrichten

Am Anfang meines Plugins füge ich folgende Zeilen hinzu:

 / * Plugin-Name: WPTutsPlus Anpassen des Admin-Teils 2 - Der Dashboard-Plugin-URI: http://rachelmccollin.co.uk Beschreibung: Dieses Plugin unterstützt das Lernprogramm in WPTutsPlus. Es passt das WordPress-Dashboard an. Version: 1.0 Autor: Rachel McCollin Autor URI: http://rachelmccollin.com Lizenz: GPLv2 * /

1. Entfernen Sie unerwünschte Metaboxen

Der erste Schritt ist das Entfernen von Metaboxen, die wir nicht möchten. Dies gilt nur für Benutzer mit einer niedrigeren Rolle als "Administrator", da ich weiterhin als Administrator auf das gesamte WordPress-Dashboard zugreifen möchte.

Zunächst werde ich überprüfen, was Benutzer mit der "Editor" -Rolle sehen, wenn sie auf das Dashboard zugreifen:

Es gibt so viel, dass Benutzer nach unten scrollen müssen, um es zu sehen, und für Benutzer, die nicht mit WordPress vertraut sind, wird vieles davon nicht hilfreich sein. Wenn Ihre Website keine Kommentare oder Pingbacks verwendet, sind die Metaboxen für diese nicht sehr hilfreich.

Also werde ich folgendes bewegen:

  • Letzte Kommentare
  • Eingehende Links
  • Kurz drücken
  • WordPress-Blog
  • Weitere WordPress-News

Um diese Metaboxen für andere Benutzer als Administratoren zu entfernen, fügen Sie Ihrem Plugin Folgendes hinzu:

 // unerwünschte Dashboard-Widgets für relevante Benutzer entfernen function wptutsplus_remove_dashboard_widgets () $ user = wp_get_current_user (); if (! $ user-> has_cap ('manage_options')) remove_meta_box ('dashboard_recent_comments', 'dashboard', 'normal'); remove_meta_box ('dashboard_incoming_links', 'dashboard', 'normal'); remove_meta_box ('dashboard_quick_press', 'dashboard', 'side'); remove_meta_box ('dashboard_primary', 'dashboard', 'side'); remove_meta_box ('dashboard_secondary', 'dashboard', 'side');  add_action ('wp_dashboard_setup', 'wptutsplus_remove_dashboard_widgets');

Dies zielt auf Benutzerrollen unterhalb des Administrators ab, indem geprüft wird, ob der Benutzer über die Berechtigung verfügt Verwaltungsoptionen Fähigkeit, die nur von Administratoren gehalten wird. Es entfernt dann die Metaboxen und bringt die Funktion schließlich an die wp_dashboard_setup Haken.

Jetzt sieht das Dashboard viel sauberer aus:

Es ist vielleicht etwas zu sparsam! Keine Sorge, ich werde Ihnen in Kürze zeigen, wie Sie neue Metaboxen hinzufügen.

Aber zuerst werde ich die Metabox 'Right Now' verschieben, da ich oben links eine weitere Metabox hinzufügen möchte.


2. Verschieben Sie eine Dashboard-Metabox

Durch das Verschieben von Dashboard-Metaboxen können Sie das Dashboard für Ihre Website relevanter machen, indem Sie die Metaboxen priorisieren, die Sie oder Ihre Benutzer am häufigsten verwenden müssen. Ich verschiebe die Metabox 'Right Now' nach rechts.

Fügen Sie in Ihrem Plugin den folgenden Code hinzu:

 // Verschiebe das Dashboard-Widget 'Right Now' nach rechts zur Funktion wptutsplus_move_dashboard_widget () $ user = wp_get_current_user (); if (! $ user-> has_cap ('manage_options')) globale $ wp_meta_boxes; $ widget = $ wp_meta_boxes ['dashboard'] ['normal'] ['core'] ['dashboard_right_now']; unset ($ wp_meta_boxes ['dashboard'] ['normal'] ['core'] ['dashboard_right_now']); $ wp_meta_boxes ['dashboard'] ['side'] ['core'] ['dashboard_right_now'] = $ widget;  add_action ('wp_dashboard_setup', 'wptutsplus_move_dashboard_widget');

Dies verschiebt die Metabox 'Right Now' von der 'normalen' Position links nach 'right', wie im Screenshot gezeigt:

Im nächsten Schritt füllen Sie dieses klaffende Loch auf der linken Seite mit ein paar benutzerdefinierten Metaboxen.


3. Fügen Sie neue Dashboard-Metaboxen hinzu

Das Hinzufügen von Metaboxen zum Dashboard besteht aus zwei Schritten:

  1. Verwenden Sie die wp_add_dashboard_widget () Funktion zum Definieren der Parameter des Widgets - ID, Titel und Callback-Funktion, die den Inhalt definieren. Aktivieren Sie dies über die wp_dashboard_setup Haken.
  2. Schreiben Sie die Rückruffunktion, um den Inhalt der Metabox zu definieren.

In diesem Fall füge ich die neuen Metaboxen für alle Benutzer hinzu, sodass ich nicht auf Benutzerfunktionen prüfen werde. Wenn Sie möchten, kopieren Sie einfach den Code, den Sie in den vorherigen Abschnitten verwendet haben (oder fügen Sie alle Teile von ein dieses Tutorial im ursprünglichen Test für die Verwaltungsoptionen Fähigkeit).

Fügen Sie in Ihrem Plugin Folgendes hinzu:

 // Neue Dashboard-Widgets hinzufügen Funktion wptutsplus_add_dashboard_widgets () wp_add_dashboard_widget ('wptutsplus_dashboard_welcome', 'Welcome', 'wptutsplus_add_welcome_widget'); wp_add_dashboard_widget ('wptutsplus_dashboard_links', 'Nützliche Links', 'wptutsplus_add_links_widget');  function wptutsplus_add_welcome_widget () ?> Mit diesem Content-Management-System können Sie die Seiten und Beiträge auf Ihrer Website bearbeiten. Ihre Site besteht aus folgenden Inhalten, auf die Sie über das Menü links zugreifen können: 
  • Seiten - statische Seiten, die Sie bearbeiten können.
  • Beiträge - Nachrichten oder Blogartikel - Sie können diese bearbeiten und weitere hinzufügen.
  • Medien - Bilder und Dokumente, die Sie über das Medienmenü links oder in jedem Beitrag oder auf jeder Seite hochladen können.
Auf jedem Bearbeitungsbildschirm finden Sie Anweisungen, die Sie beim Hinzufügen und Bearbeiten von Inhalten unterstützen. Einige Links zu Ressourcen, die Ihnen beim Verwalten Ihrer Website helfen:
  • Der WordPress-Codex
  • Einfache WP-Anleitung
  • WP-Anfänger

Dadurch werden auf der linken Seite des Dashboard-Bildschirms zwei neue Metaboxen hinzugefügt. Sie haben jetzt ein benutzerdefiniertes Dashboard!


Zusammenfassung

In diesem Tutorial haben Sie gelernt, drei Dinge zu tun:

  • Entfernen Sie Metaboxen aus dem Dashboard
  • Verschieben Sie Metaboxen von einem Teil des Dashboards in einen anderen
  • Fügen Sie neue Dashboard-Metaboxen hinzu

Was Sie Ihren Metaboxen hinzufügen, liegt ganz bei Ihnen. Sie könnten Links zu Schulungsvideos enthalten, die den Benutzern bei der Bearbeitung ihrer Website helfen, oder einen Link zu Ihrem eigenen Blog oder Ihrer eigenen Website hinzufügen. Oder Sie könnten sich einen Gedanken für den Tag machen - was auch immer für Sie funktioniert!