Come creare un tema WordPress con più colori

WordPress offre centinaia di temi già pronti, quindi probabilmente puoi trovarne uno adatto alle esigenze generali del tuo blog. Tuttavia, potresti voler personalizzare qualsiasi tema tu scelga. Ad esempio, sebbene un tema possa assegnare un singolo colore al corpo dei tuoi post, più colori potrebbero creare uno schema che si abbina meglio al logo della tua azienda. Puoi cambiare i colori di ogni singola pagina modificandone direttamente il codice, ma puoi anche modificare il CSS del tema per applicare le modifiche a tutto il sito.

1

Apri la cartella “css” nella cartella principale di WordPress.

2

Apri il foglio di stile con un editor di testo come Blocco note o un editor HTML come Dreamweaver.

3

Scorri fino alla classe monocolore che desideri dividere in più colori. Ad esempio, scorri fino alla classe “h2.widget-title”, che potrebbe utilizzare il codice seguente:

h2.widget-title {color: # 63b6b1; }

4

Aggiungi un blocco immediatamente dopo il primo blocco, creando una seconda classe con un colore diverso. Con questo esempio, aggiungi il seguente blocco:

h2.widget-title-a {color: # c6ffff; }

5

Apri il file PHP che utilizza la classe che hai modificato. Ad esempio, apri sidebar.php, che utilizza h2.widget-title.

6

Aggiungi la nuova classe che hai creato nel file. Ad esempio, se un blocco inizia con la riga:

… e il blocco successivo inizia con la riga:

Cambia il secondo blocco in modo che legga: