Personalizzare la dashboard di Wordpress

Personalizzare la dashboard di Wordpress

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.

Modificare la dashboard

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>';
}
}
Modificare il logo

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.

15 dic 09