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:
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.
Per completare questo tutorial avrai bisogno di:
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 * /
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:
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.
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.
L'aggiunta di metabox al Dashboard consiste in due passaggi:
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.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:
Questo aggiunge due nuovi metaboxes sul lato sinistro della schermata di Dashboard. Ora hai una dashboard personalizzata!
In questo tutorial hai imparato come fare tre cose:
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!