CSS in WordPress: come aggiungere il proprio codice

Questo articolo descrive come  inserire codice personalizzato CSS in  WordPress. Presuppone che il lettore sia già in possesso delle nozioni di base su WordPress (compresi i concetti di theme e plugin) ed i fogli di stile CSS.

Gestione di base dei fogli di stile CSS in WordPress

Quando si è in visualizzazione di un post di WordPress, il layout della pagina  è affidato al foglio di stile “style.css” presente nella cartella principale del tema in uso. Ad esempio, in una installazione di WordPress che utilizza il tema predefinito “Twenty Seventeen”, il file style.css sarà contenuto nel percorso: /wp-content/themes/twentyseventeen/

Quando si è in modifica di un post, invece, la sua formattazione è demandata al foglio di stile editor-style.css che nel tema predefinito è collocato nel percorso: wp-content/themes/twentyseventeen/assets/css/ Leggi tutto “CSS in WordPress: come aggiungere il proprio codice”

Sintassi delle regole CSS

Una regola CSS è formata da un selettore e una o più dichiarazioni, separate dal carattere “;” e racchiuse tra parentesi graffe. Nel seguente esempio:

h1 { 
  text-align: center; 
  color: rgb(0, 0, 255);
}
  • h1 è il selettore
  • il carattere “{” apre il blocco delle dichiarazioni
  • text-align: center; e color: rgb(0, 0, 255); costituiscono due dichiarazioni
  • il carattere “}” chiude il blocco delle dichiarazioni

Leggi tutto “Sintassi delle regole CSS”