Come aggiungere uno stile CSS utilizzabile nei blocchi di Gutenberg

La flessibilità dei blocchi di Gutenberg è riscontrabile anche nella facilità con cui possiamo applicare degli stili CSS personalizzati in modo mirato, creando le relative classi nella sezione Personalizza di WordPress e poi inserendole nell’opzione Avanzate del blocco che vogliamo influenzare. Anche se la giustificazione del testo viene spesso sconsigliata …

Come inserire del codice nella testata (header) di WordPress

Quando si comincia a utilizzare più intensivamente WordPress ci si ritrova, prima o poi, con la necessità di integrare del codice (per es. da un sito/servizio esterno) all’interno della testata o del piè di pagina, che corrispondono in genere rispettivamente ai file header.php e footer.php. Quest’operazione, particolarmente delicata, si può …

Modifica dei file di un tema WordPress attraverso l’editor

Condividi se ti piace!

Attenzione! Prima di cimentarvi con le modifiche al codice mostrate in questo video, assicuratevi di aver creato, e quindi di lavorare, su un tema figlio e non sul tema originale, oltre che di avere un facile accesso ai file del sito attraverso il ‘file manager’ del pannello di hosting o un client FTP. In questo modo eviterete di ritrovarvi con un sito che non funziona e una installazione di WordPress alla cui area ammistrativa non potete più accedere, nel caso facciate errori nella modifica del codice.

Condividi se ti piace!

Usare l’inspector di Chrome per individuare il codice CSS

Condividi se ti piace!

Un ottimo tutorial sull’uso dello strumento ‘ispeziona elemento’ presente nel browser Chrome per individuare il codice dei fogli stile CSS, comprensivo di video che vi ripropongo anche separatamente qui sotto. Anche se non specifici per WordPress, il tutorial e il video possono risultare particolarmente utili per familiarizzare con questo utilissimo strumento di ispezione del codice CSS di un tema e poter così intervenire nella sua personalizzazione.

Condividi se ti piace!

Trovare il codice CSS di un elemento con l’inspector del browser

Condividi se ti piace!

Un utilissimo video che aiuta a capire come identificare il codice del foglio stile CSS all’interno di una pagina web per poterlo poi utilizzare in fase di personalizzazione. In questo caso il codice viene utilizzato nell’editor HTML Dreamweaver, ma i concetti introdotti nella prima metà del video sono sicuramente utili anche a chi volesse fare pratica con i fogli stile CSS per la personalizzazione di un sito in WordPress.

Condividi se ti piace!

Creare un tema figlio (child theme) in WordPress, manualmente o tramite plugin

I motivi per usare un tema figlio, ovvero derivato da un tema principale, invece di modificare direttamente il tema originale sono soprattutto due: ci permette di intervenire sul codice originale causando disastri in caso di errore ed evita la perdita delle modifiche quando il tema viene aggiornato. Non che i …