Vuoi personalizzare lo schema dei colori nell’amministrazione di wordpress?
Vuoi creare il tuo schema personalizzato da mostrare ai tuoi clienti?
Vediamo come fare.
Introduzione
Dalla versione 3.8 di wordpress, avrai sicuramente notato un cambio di stile nell’interfaccia di amministrazione di wordpress (per chi se lo fosse perso…cercheremo di postare il prima possibile i vari cambiamenti che ci sono stati in questi anni)
Abbiamo la possibilità di scegliere l’interfaccia di wordpress tra 8 tipologie di colori.
Quale funzione utilizzare per personalizzare lo schema dei colori?
Possiamo utilizzare la seguente funzione
wp_admin_css_color( $key, $name, $url, $colors, $icons );
$key (obbligatorio)
La chiave (o ID) univoca di questo schema
$name (obbligatorio)
Il nome visualizzato nelle preferenze
$url
Il percorso del file css dello schema personalizzato
$colors
L’array dei colori da utilizzare nello schema
$icons
l’array di colori da utilizzare per le icone
Ma cosa possiamo fare per personalizzare questi schemi di default?
puoi personalizzarla in questo modo inserendo questo codice nel file functions.php del tema attivo per registrare il nuovo schema
function custom_admin_color_schemes() {
//Get the theme directory
$theme_dir = get_template_directory_uri();
//dot4all
wp_admin_css_color( 'dot4all', __( 'Dot4all' ),
$theme_dir . '/admin-colors/dot4all/colors.min.css',
array( '#aa9d88', '#9ebaa0', '#738e96', '#f2fcff' )
);
}
add_action('admin_init', 'custom_admin_color_schemes');
ed inserire nel file css questo codice
@import url(../../../wp-admin/css/colors-classic.css);
html, body, .wrap {
background:#FFFFFF;
}
.form-table td, .form-table th {
border-bottom-color:#FFFFFF;
}
#wphead, #footer, #footer-upgrade {
background:#71A1EB;
color:#FE984E;
border:0;
}
#wphead a:link, #wphead a:visited, #wphead p, #footer a:link, #footer a:visited, #footer p {
color:#FE984E;
}
facendo attenzione a caricare il file css nella giusta cartella, cioè quella inserita sopra: admin-colors/dot4all/colors.min.css.
Puoi personalizzare i colori a tuo piacimento e vedrai apparire nelle impostazioni “utenti ->il tuo profilo” lo schema appena creato
Ora puoi divertirti a creare gli schemi a tuo gusto…
Ne hai già creato qualcuno? Facci sapere, siamo interessati…
Alla prossima con un nuovo #aWPaDay.
DETTAGLI
Livello: basso
Compatibilità: testato su WP versione 3.9.2
