La dashboard è la prima schermata visibile agli utenti registrati quando questi entrano nell’area di amministrazione di Wordpress. Esistono parecchi metodi per personalizzare la dashboard per i vostri clienti: in questo articolo ne analizzeremo due di facile realizzazione.
Con il primo andremo a ripulire la dashboard da tutti i widget inutili che possono confondere un cliente poco pratico di Wordpress, e col secondo vedremo come inserire un logo personalizzato al posto di quello inserito di default. Vi ricordo che tutti e due i codici vanno inseriti nel functions.php.
La dashboard è composta da differenti widget che possono essere riposizionati o tolti tramite la scheda delle opzioni schermo. Per personalizzarla direttamente tramite codice possiamo utilizzare l’hook wp_dashboard_setup e la funzione wp_add_dashboard_widget che permette di aggiungere facilmente nuovi widget. Come detto, con questo codice togliamo tutti i widget inutili per un comune uso di wordpress e in più aggiungiamo un box che accoglie l’amministratore del sito, fornendogli un link per l’assistenza tecnica.
add_action('wp_dashboard_setup', 'my_custom_dashboard_widgets');
function my_custom_dashboard_widgets() {
global $wp_meta_boxes;
unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
wp_add_dashboard_widget('custom_help_widget', 'Supporto tecnico', 'custom_dashboard_help');
}
function custom_dashboard_help() {
echo '<p>Benvenuto nel pannello di controllo del tuo sito. Se hai bisogno di aiuto, contattami<a href="inserite-qui-l'indirizzo-per-l'assistenza-tecnica"> a questo indirizzo</a>.</p>';
}
}
Per personalizzare il logo della bacheca inserite questo codice:
add_action('admin_head', 'my_custom_logo');
function my_custom_logo() {
echo '
<style type="text/css">
#header-logo { background-image: url('.get_bloginfo('template_directory').'/images/custom-logo.gif) !important; }
</style>
';
}
Salvate l’immagine in formato gif o png (8 bit), tenendo conto che dovrà avere uno sfondo di colore #464646 e dimensioni pari a 30×31 pixel. Caricatela poi all’interno della cartella images del tema in uso. Se il vostro tema utilizza una cartella diversa per le immagini, modificate di conseguenza il path di destinazione.