Quando finalmente trovare il layout WordPress perfetto, non si deve lasciare lo schema di colore sbagliato ti impedisca di raccoglierlo. Fino a quando i colori sono definiti nel foglio di stile layout, invece che in elementi grafici, si sarà in grado di cambiare lo schema dei colori del layout. Per modificare il foglio di stile, è necessario avere una conoscenza di base di CSS e stare tranquillo modifica di un documento di layout vitale.

istruzione

1 Determinare quali i colori che si desidera utilizzare; copiare o annotare il codice esadecimale a sei cifre associato ad ogni colore. Ogni colore ha un codice fatto di sei lettere e / o numeri; bianco utilizza #FFFFFF mentre il nero utilizza # 000000. Ci sono molti siti dedicati a diversi colori e combinazioni, come il colore amanti o YaflaColor.

2 Aprire il dashboard di WordPress e andare su "Aspetto" e poi "Editor". Questo ti mostrerà l'elenco di tutti i modelli e le pagine relative al tuo sito web.

3 Selezionare "foglio di stile (style.css)" da sotto il sottotitolo "Stili". A seconda del modello particolare il foglio di stile può avere un nome diverso, ma avrà sempre un tipo di file di "CSS".

4 Copia e incolla l'intero contenuto del documento invariati foglio di stile predefinito. È possibile farlo cliccando ovunque nell'editor di WordPress e premendo il tasto "Ctrl" e "A" sulla tastiera e poi premendo il tasto "Ctrl" e "C" Aprire un documento di testo vuoto, incollare il contenuto del foglio di stile corrente e salvare la copia sul computer. Questa copia sarà utile se si rompe il foglio di stile e la necessità di ripristinare le impostazioni predefinite.

5 Torna alla schermata di editor di WordPress, e cercare il foglio di stile per il tag "BODY". Essa sarà simile a "BODY {" con una serie di attributi di sotto di essa, seguita da una "}" segno. La sezione "corpo" è dove si cambia non solo lo sfondo dell'immagine, ma anche il colore del testo.

6 Individuare l'attributo "background" nella sezione "corpo". Se lo sfondo è solo un colore, verrà formattato "background: # 000000;".

7 Modificare il "# 000000" a qualsiasi colore che si desidera utilizzare per il nuovo sfondo. Per modificare il colore del testo, individuare il tag "colore", formattato "color: # 000000;" e modificare il codice esadecimale per il colore del testo preferito. Per cambiare i colori dei link, trovare i tag che iniziano con "A:", ad esempio "a: link {}," "a: visited {}," "a: hover {}" e "a: active {}" e il cambiamento il codice esadecimale.

8 Trova il resto degli elementi che si desidera modificare. Come questi elementi sono suddivisi in categorie varia drasticamente tra web designer; un progettista può utilizzare gli ID per definire elementi (come "#header {}") mentre un altro può solo fare riferimento a elementi generici come "table {}". Qualsiasi elemento con un codice colore esadecimale può essere modificato; il modo migliore per imparare è quello di sperimentare con cautela.

9 Salvare il lavoro di frequente utilizzando il pulsante "Aggiorna file" sotto l'editor di testo in WordPress.

Consigli e avvertenze

• Assicurarsi che i colori selezionati per il vostro sito web sono complementari e non sforzare gli occhi tuoi visitatori.
• CSS e HTML sono le ossa del tuo sito web; un singolo simbolo mancante o fuori posto può rompere l'intero layout. Fare attenzione a modificare solo quei pezzi del tuo sito web ti trovi bene che cambia.
• Ogni modello di sviluppo di WordPress fa loro CSS solo un po 'diverso; mentre la sintassi dei CSS è universale, può essere formattata in modo leggermente diverso per il layout particolare.