Spesso abbiamo bisogno di personalizzare gli stili CSS del nostro tema ma non vogliamo modificare il file CSS principale. Per questo motivo possiamo aggiungere i nostri stili personalizzati in un foglio di stile separato da aggiungere agli stili già presenti. Secondo la cascata CSS, infatti, le regole di stile presenti in un file CSS sovrascrivono quelle degli altri file se quest'ultimo viene dopo degli altri nel sorgente. Vediamo come fare.
Aggiungete il seguente codice nel file functions.php del vostro tema (se non esiste, createne uno):
add_action('wp_print_styles', 'add_custom_css');
function add_custom_css() {
$url = 'http://sito.it/styles/custom.css';
wp_register_style('custom', $url);
wp_enqueue_style('custom');
}
La variabile $url contiene il percorso assoluto del vostro file CSS personalizzato. Questo file viene prima registrato con il nome di custom da WordPress tramite la funzione wp_register_style() e quindi inserito subito dopo gli altri tramite la funzione wp_enqueue_style().
La action di WordPress utilizzata è wp_print_styles che è quella che serve al CMS per inserire i fogli di stile nell'elemento head.