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.

Scrivi anche tu articoli su YouFriend. Scopri come!

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.

Membri attivi di recente
Foto del profilo di Andrea
Foto del profilo di Annina
Foto del profilo di Mara
Foto del profilo di Write for Money
Foto del profilo di Friendbot
Foto del profilo di Jole Figliomeni
Foto del profilo di Jennifer79
Foto del profilo di Eisenheim
Foto del profilo di Carotina Editor
Foto del profilo di Gianky63
Foto del profilo di favola
Foto del profilo di Maurizio
Foto del profilo di youfriend.it
Foto del profilo di salvatore maltese
Foto del profilo di Mariuccio
Ads Blocker Image Powered by Code Help Pro

Ads Blocker Rilevato!!!

Sembra che tu stia utilizzando un ad blocker. Va bene. Chi non lo fa?

Ma senza entrate pubblicitarie, non possiamo continuare a rendere fantastico questo sito. Sul nostro network non ci sono banner invasivi o fastidiosi da compromettere la navigazione.

Disabilita Adblock su youfriend.it e supporta una navigazione internet per sempre gratuita.