Questo articolo è dedicato a Come aggiungere preimpostazioni colore al Customizer di WordPress. Aggiungeremo preimpostazioni di colore al personalizzatore di WordPress in questo tutorial.
Rendere il tuo sito web una combinazione di colori a tinta unita contribuirà a rafforzare il tuo marchio e mostrare professionalità. Personalizzare il tuo tema a mano è laborioso.
L'aggiunta di preimpostazioni di colore al Customizer di WordPress può aiutare a semplificare il processo.
Cosa sono i preset di colore e perché dovresti usarli? Segui la nostra guida in cinque passaggi per aggiungerli al Customizer di WordPress. Quindi cominciamo!
Sommario
Come aggiungere preimpostazioni di colore al personalizzatore di WordPress? 5 passaggi
Per sapere come creare preimpostazioni di colore per il tuo sito Web, vai qui. Scopri come aggiungere preimpostazioni di colore al Customizer di WordPress in cinque semplici passaggi.
1. È necessario eseguire il backup dei dati del tuo sito
Il file functions.php del tuo tema deve essere modificato per includere i preset di colore. Ti consigliamo vivamente di creare un backup del tuo sito web prima di continuare.
Avere una copia dei file del tuo sito nel caso qualcosa vada storto è una buona idea. Per proteggere il tuo sito web, hai a disposizione una serie di opzioni.
Utilizzando un plugin come UpdraftPlus è una soluzione semplice. È facile eseguire il backup del tuo sito utilizzando questa applicazione freemium. Altre opzioni per l'archiviazione dei dati fuori sede includono Google Drive e Dropbox.
2. Crea un sottotema per il tuo tema principale
Un aggiornamento del tema può sovrascrivere qualsiasi modifica apportata ai file del tema se apportata direttamente. Quando aggiungi codice personalizzato, dovresti sempre usare un tema figlio per evitare questo.
Ci sono una varietà di approcci che puoi adottare qui. Ad esempio, puoi installare un tema figlio per Beaver Builder. Puoi persino creare un tema figlio vuoto se stai utilizzando un tema diverso.
È possibile creare un tema figlio utilizzando plugin WordPress gratuiti. Assicurati di attivare il tema figlio in Aspetto > Temi dopo averlo aggiunto.
3. Nel file functions.php di Your Child Theme, aggiungi il seguente codice
Aspetto > Editor dei temi nella dashboard di WordPress è dove troverai il tuo nuovo tema figlio. Seleziona il tema figlio dall'opzione a discesa nella parte superiore dello schermo.
Controlla i tuoi plugin di sicurezza per vedere se hanno bloccato l'accesso all'editor dei temi nel menu di amministrazione. Individua il file functions.php sul lato destro sotto Funzioni del tema.
Il seguente codice deve essere aggiunto al file. I colori preimpostati che scegli di utilizzare verranno visualizzati nelle caselle sotto il riquadro di selezione colore quando utilizzi questo codice.
4. Personalizza le preimpostazioni colore
Successivamente, modifica l'opzione delle tavolozze per aggiungere o rimuovere i colori esadecimali. È possibile modificare il numero di caselle nel Customizer modificando questo codice.
Aggiungi tutti i colori esadecimali che desideri alla tua tavolozza. Per salvare le modifiche, fai clic sul pulsante Aggiorna file nella parte inferiore dell'Editor dei temi.
5. Prova i tuoi preset di colore prima di salvare
Dopo aver aggiornato le modifiche, verifica che i preset di colore siano disponibili nel Customizer di WordPress. Ricarica il tuo sito web nel browser, quindi vai su Customizer.
Dovresti notare i nuovi colori esadecimali nel selettore di colori. E' possibile modificare il Parametri HSL per modificare la tonalità, la saturazione e la luminosità dei quadrati e dei cursori del selettore colore.
Se tutto è corretto, sei pronto! Ora hai personalizzato il Customizer di WordPress. Puoi modificare i colori nel file functions.php del tuo tema.
Costruzione della pagina di WordPress: il valore dell'utilizzo delle combinazioni di colori
È fondamentale per la tua identità online che la tavolozza dei colori del tuo sito web sia coerente in tutto. Mantenere uno stile visivo uniforme in tutto il sito aggiunge credibilità e professionalità.
Il passaggio successivo dopo aver stabilito una tavolozza di colori per il tuo marchio è implementarla in modo coerente su tutti i tuoi contenuti. Con il Customizer di WordPress, cambiare i colori utilizzati nei tuoi contenuti è un gioco da ragazzi.
Sotto il selettore di colori quadrati nel Customizer di WordPress c'è lo schema di colori predeterminato.
Puoi salvare le tue combinazioni di colori preferite nei quadrati colorati. Tuttavia, probabilmente ti sei reso conto che i colori predefiniti non si adattano alla combinazione di colori specifica del tuo marchio.
Inoltre, potrebbe essere una seccatura reinserire costantemente i valori esadecimali per i colori del tuo marchio. Se modifichi il file del tuo tema e modifichi alcune righe di codice, puoi fare in modo che queste caselle corrispondano alla tua combinazione di colori preferita.
Risparmiare tempo creando le proprie tavolozze di colori da utilizzare nel Customizer significa non dover mai più cercare il codice esadecimale. Invece, la tavolozza dei colori che stai cercando è elencata appena sotto il selettore della tavolozza del Customizer.
Puoi mantenere l'uniformità nell'aspetto del tuo sito web utilizzando le preimpostazioni di colore. Se il tuo sito ha numerosi autori, questa è una caratteristica molto utile da avere. Riduce la possibilità che i consumatori scelgano il colore sbagliato.
Link veloci:
- Come rimuovere il titolo di una pagina WordPress?
- Come creare una tavolozza di colori per il tuo sito WordPress?
- Come creare una pagina in modalità manutenzione in WordPress?
- Come creare una pagina di errore 404 personalizzata in WordPress?
Conclusione: come aggiungere preimpostazioni di colore al personalizzatore di WordPress?
I colori del tuo marchio verranno probabilmente utilizzati nelle pagine e negli articoli del tuo sito Web WordPress. Aggiungerli manualmente ai tuoi contenuti richiede tempo. Invece, puoi generare preimpostazioni di colore.
Hai domande sui preset colore di WordPress Customizer? Fateci sapere nei commenti!
![Come gestire la comunicazione con i clienti in modo efficace nel 2024? [5 suggerimenti chiave]](https://megablogging.org/wp-content/uploads/2022/11/Client-Communication-Management-211x150.png)
![Come creare una pagina di destinazione per l'acquisizione di lead in WordPress 2024? [Guida passo passo]](https://megablogging.org/wp-content/uploads/2022/11/How-to-Create-a-Lead-Capture-Landing-Page-in-WordPress-211x150.png)
