Come modificare la barra admin di wordpress

0

Siete stanchi di quella monotona toolbar nera di wordpress? Bene, in questo articolo andremo a vedere come modificare la barra admin di wordpress con un po’ di css.

Specialmente per chi utilizza il plugin social di buddypress, quindi ha realizzato una community dove la barra amministrativa è ben esposta a tutti gli utenti, potrebbe essere carino variarne colore e dimensione, in modo da renderla più visibile e facilmente navigabile.

Abbiamo già visto in un precedente articolo come modificare la notifica di buddypress, cambiare colore e dimensione del font, oppure, come nascondere la barra admin di wordpress, di seguito andremo a vedere invece alcune modifiche tramite CSS per modificare la toolbar di wordpress.

Inseriremo i seguenti codici recandoci nel backend del nostro sito in “Aspetto > Personalizza > CSS aggiuntivo” che è stato introdotto nelle recenti versioni di wordpress, oppure utilizzando il foglio di stile del child-theme se lo possedete.

Come modificare colore alla barra admin wordpress

#wpadminbar {
    background: #4285f4;
}

Quindi dopo “background” possiamo inserire il codice del colore preferito, per aiutarvi potete guardare >qui

Come modificare l’altezza della barra admin wordpress

Se volete rendere più alta la toolbar perché la ritenete troppo piccola e poco visibile potete inserire il seguente codice

#wpadminbar {
    height: 40px;
    line-height: 40px;
}

Per rimanere centrato nella barra, sia Height che line, devono avere lo stesso parametro.

Come cambiare dimensione font nella barra admin wordpress

Volete invece sostituire la dimensione del testo nella toolbar? Sarà sufficiente inserire i seguenti codici:

#wpadminbar {
    font-size: 15px;
    font-weight: 600;
}

Dove “size” rappresenta la grandezza del carattere “weight” possiamo paragonarlo al grassetto del testo.

Ora conoscete le basi per modificare la vostra barra amministrativa di wordpress, se avete dubbi o domande non esitate a chiedere, buon lavoro.

Ti è piaciuto questo articolo?

Clicca sulle stelle per votare!

Media voto 5 / 5. Voti: 1

Grazie per aver votato...

Seguici sui social!

Tag:
Lascia un commento

La tua email non verrà resa pubblica.