Personalizzazione dell'amministratore di WordPress - The Dashboard

Nella prima parte di questa serie, ti ho mostrato come personalizzare la schermata di accesso di WordPress aggiungendo un logo personalizzato e alcuni stili personalizzati.

La prossima cosa che i tuoi utenti vedranno dopo aver effettuato l'accesso è la Dashboard, quindi in questo tutorial imparerai come personalizzarla rimuovendo alcuni dei metabox esistenti, spostandone alcuni e aggiungendone di nuovi.

I passaggi che sto per dimostrare in questo tutorial sono:

  1. Rimozione di alcuni dei metabox che potrebbero confondere gli utenti
  2. Spostare una metabox in una posizione diversa sullo schermo
  3. Aggiunta di metabox personalizzati per aiutare gli utenti

Creerò un plugin per farlo - se hai già creato un plugin dopo aver seguito la parte 1 di questa serie potresti preferire aggiungere il codice da questo tutorial a quel plugin, dandoti un plugin con tutto il tuo admin personalizzazione.


Cosa è necessario per completare questo tutorial

Per completare questo tutorial avrai bisogno di:

  • Un'installazione di WordPress
  • Accedi alla cartella dei plug-in del tuo sito per aggiungere il tuo plug-in
  • Un editor di testo per creare il tuo plugin

Impostazione del plugin

All'inizio del mio plugin, sto aggiungendo le seguenti linee:

 / * Nome plugin: WPTutsPlus Personalizza l'Admin Parte 2 - L'URI del plug-in Dashboard: http://rachelmccollin.co.uk Descrizione: Questo plug-in supporta il tutorial in WPTutsPlus. Personalizza il dashboard di WordPress. Versione: 1.0 Autore: Rachel McCollin Autore URI: http://rachelmccollin.com Licenza: GPLv2 * /

1. Rimuovere Metabox indesiderati

Il primo passo è rimuovere tutti i metabox che non vogliamo. Questo si applica solo agli utenti con un ruolo inferiore a "amministratore", poiché desidero comunque accedere a tutti i dashboard di WordPress come amministratore.

Inizierò esaminando ciò che gli utenti con il ruolo "editor" vedono quando accedono al Dashboard:

C'è così tanto là dentro che gli utenti devono scorrere verso il basso per vederlo, e per gli utenti che non hanno familiarità con WordPress, molto non sarà utile. Inoltre, se il tuo sito non usa commenti o pingback, i metabox per quelli non sono molto utili.

Quindi ho intenzione di spostare il seguente:

  • Commenti recenti
  • Collegamenti in arrivo
  • QuickPress
  • Blog di WordPress
  • Altre notizie su WordPress

Per rimuovere quei metabox per utenti diversi dagli amministratori, aggiungi quanto segue al tuo plugin:

 // rimuove i widget del dashboard indesiderati per gli utenti rilevanti function wptutsplus_remove_dashboard_widgets () $ user = wp_get_current_user (); if (! $ user-> ha_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');

Questo indirizza i ruoli utente sotto l'amministratore controllando se l'utente ha il manage_options capacità, che è detenuta solo dagli amministratori. Quindi rimuove i metabox e infine allega la funzione al wp_dashboard_setup gancio.

Ora il Dashboard sembra molto più pulito:

È forse un po 'scarso! Non ti preoccupare, ti mostrerò come aggiungere alcuni nuovi metabox a breve.

Ma prima sposterò il metabox "Right Now", poiché voglio aggiungere un altro metabox in alto a sinistra.


2. Spostare un Dashboard Metabox

Spostare i metabox di Dashboard può aiutarti a rendere il Dashboard più pertinente al tuo sito dando la priorità ai metabox che tu o i tuoi utenti dovrete utilizzare maggiormente. Sposterò il metabox "Right Now" a destra.

Nel tuo plugin, aggiungi il seguente codice:

 // Sposta il widget del dashboard "Right Now" nella funzione a destra wptutsplus_move_dashboard_widget () $ user = wp_get_current_user (); if (! $ user-> ha_cap ('manage_options')) global $ 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');

Questo sposta il metabox "Right Now" dalla posizione "normale" a sinistra a "destra", come mostrato nello screenshot:

Il prossimo passo è quello di riempire quel buco aperto sul lato sinistro con un paio di metabox personalizzati.


3. Aggiungi nuovi Metabox del dashboard

L'aggiunta di metabox al Dashboard consiste in due passaggi:

  1. Utilizzare il wp_add_dashboard_widget () funzione per definire i parametri del widget - il suo ID, il titolo e la funzione di callback che ne definisce il contenuto. Attiva questo tramite il wp_dashboard_setup gancio.
  2. Scrivi la funzione di callback per definire il contenuto del metabox.

In questo caso aggiungerò i nuovi metabox per tutti gli utenti, quindi non controllerò le funzionalità dell'utente - se lo desideri, copia semplicemente il codice che hai usato nelle sezioni precedenti (o includi tutte le parti di questo tutorial nel test originale per il manage_options capacità).

Nel tuo plugin, aggiungi quanto segue:

 // aggiungi una nuova funzione widget dashboard wptutsplus_add_dashboard_widgets () wp_add_dashboard_widget ('wptutsplus_dashboard_welcome', 'Benvenuto', 'wptutsplus_add_welcome_widget'); wp_add_dashboard_widget ('wptutsplus_dashboard_links', 'Link utili', 'wptutsplus_add_links_widget');  function wptutsplus_add_welcome_widget () ?> Questo sistema di gestione dei contenuti ti consente di modificare le pagine e i post sul tuo sito web. Il tuo sito è costituito dai seguenti contenuti, a cui puoi accedere tramite il menu a sinistra: 
  • pagine - pagine statiche che puoi modificare.
  • Messaggi - notizie o articoli del blog: puoi modificarli e aggiungerne altri.
  • Media - immagini e documenti che puoi caricare tramite il menu Media a sinistra o all'interno di ogni post o pagina.
In ogni schermata di modifica ci sono istruzioni per aiutarti ad aggiungere e modificare il contenuto. Alcuni link a risorse che ti aiuteranno a gestire il tuo sito:
  • Il codice WordPress
  • Guida WP facile
  • WP principiante

Questo aggiunge due nuovi metaboxes sul lato sinistro della schermata di Dashboard. Ora hai una dashboard personalizzata!


Sommario

In questo tutorial hai imparato come fare tre cose:

  • Rimuovi i metabox dalla dashboard
  • Spostare i metabox da una parte della Dashboard a un'altra
  • Aggiungi nuovi metabox del dashboard

Tutto ciò che scegli di aggiungere ai tuoi metabox dipende da te. È possibile includere collegamenti a video di formazione per aiutare gli utenti a modificare il proprio sito o aggiungere un collegamento al proprio blog o sito. Oppure potresti mettere un pensiero per il giorno lì dentro - qualunque cosa funzioni per te!