Una cosa molto seccante in WordPress, quando si va a modificare il foglio di stile di un tema (specialmente se un tema child), è dover forzare le proprietà con l’istruzione !important, perché altrimenti prevalgono gli stili di plugin o altri elementi che sono stati aggiunti in precedenza al tema.
Una soluzione che adotto spesso è quella di aggiungere un mio foglio di stile supplementare e farlo apparire in ultima posizione rispetto ai fogli di stile richiamati nell’intestazione. In questo modo le proprietà ivi inserite potranno sovrascrivere senza difficoltà quelle dei precedenti fogli.
Per farlo anzitutto posizioniamoci nella cartella del nostro tema e aggiungiamo un foglio di stile, per esempio stile-finale.css
Do per scontato che le modifiche vengano fatte ad un tema child, ma vale lo stesso con un tema genitore.
A questo punto andiamo dentro functions.php e aggiungiamo il seguente codice in fondo:
|
1 2 3 4 5 6 |
function pk_ultimo_css() { $base = get_stylesheet_directory_uri(); echo '<link rel="stylesheet" href="'.$base.'/stile-finale.css" type="text/css" media="all">'; return; } add_action( 'wp_head', 'pk_ultimo_css', 9999 ); |
Il 9999 sta a rappresentare l’ordine in cui verrà inserito il foglio di stile e si suppone che non ci siano altri 9.999 fogli già esistenti.
Fatto! 🙂