Ho un tema wordpress con un foglio di stile che deve essere caricato per ultimo, dato che i plugin css interferiscono con il mio tema. Mi stavo chiedendo se ci fosse un qualche tipo di funzione che potrei usare per far durare il foglio di stile principale nel mio tema.Ordinamento di fogli di stile di Wordpress?
risposta
Si potrebbe aggiungere alla fine del CSS si desidera ignorare altre classi
esempio 'importante!':
h1 {
color:red !important;
}
Aggiunta! importante non è mai una buona soluzione. – MarioRicalde
Aggiungendo bene! Importante potrebbe non essere una "buona soluzione", ma la mia opinione è che è una soluzione migliore di essere costretti a caricare diversi file css in un ordine specifico. – Sasse
È sempre possibile utilizzare !important
per ignorare altre regole, ma vi consiglio di assicurati inoltre che i fogli di stile del plug-in vengano inseriti correttamente utilizzando il seguente metodo. Aggiungendo il numero di priorità è possibile renderli in un secondo momento.
Assicurati che i fogli di stile vengano caricati prima di tutti gli script nel tag dell'intestazione.
Hai sempre bisogno di caricare i fogli di stile prima di script e wordpress si prende cura di che se si utilizza wp_enqueue_style e wp_enqueue_script
Ad esempio nella tua functions.php si dovrebbe usare
add_action('wp_enqueue_scripts', function(){
wp_enqueue_style('main-style','http://yoursite.com/styles/main.css');
}, 99);
Wordpress quindi posizionerà main.css nell'intestazione e assegnando 99 priorità significa che lo aggiungerà più tardi rispetto al resto (per impostazione predefinita la priorità di questa funzione è 10)
Assicurati di avere wp_head() nel file di intestazione.
saluti
quando si accodare i fogli di stile, utilizzare una priorità più alta, ad esempio:
add_action('wp_enqueue_scripts', array(&$this, 'theme_styles'), 99);
Se alcuni plugin hanno ganci 'wp_print_styles', poi si deve usarlo al posto, come 'wp_print_styles 'verrà scritto dopo' wp_enqueue_scripts ', iirc.
E come si ha il controllo completo sopra il vostro tema, si potrebbe anche includere gli stili direttamente in header.php, se il fastidio con le azioni, non è il momento vale la pena ...
wp_print_styles
funziona meglio. basta aggiungere una priorità per la chiamata, ad esempio 99.
function load_css() {
wp_enqueue_style('homepage-css', get_stylesheet_directory_uri() . '/css/homepage-css.css', array(), 0.256, 'all');
}
add_action('wp_print_styles', 'load_css', 99);
- 1. wkhtmltopdf fogli di stile
- 2. Caricamento di fogli di stile in Sinatra
- 3. Bug di fogli di stile Qt?
- 4. Fogli di stile per i contenuti?
- 5. PDFkit * .css fogli di stile non applicati
- 6. Carica e scarica dinamicamente fogli di stile
- 7. Rails fogli di stile su Heroku
- 8. Fogli stile JavaDoc
- 9. Prestazioni di rendering: attributi di stile o nomi di classi e regole di fogli di stile?
- 10. Compresi fogli di stile CSS nelle pagine di Jekyll
- 11. Utilizzo di più QStyledItemDelegate con fogli di stile
- 12. Rails3 risorsa conduttura: controller di fogli di stile specifici
- 13. Pipeline linee di rails: compila su più fogli di stile
- 14. Come posso accedere alle proprietà di stile su oggetti javascript che usano fogli di stile esterni?
- 15. Parametri del foglio di stile XSLT nei fogli di stile importati
- 16. Foglio di stile separato in modo programmatico in sotto-fogli di stile?
- 17. Come sbarazzarsi dei fogli di stile CSS Drupal?
- 18. Come si eseguono test automatici dei fogli di stile XSLT?
- 19. Usa più fogli di stile css nella stessa pagina html
- 20. Rails Production server: fogli di stile non visualizzati!
- 21. Aggiungere dinamicamente fogli di stile CSS in JavaFX
- 22. I singoli fogli di stile devono essere nella directory sass
- 23. singole vs più fogli di stile in responsive web design
- 24. In che ordine vengono sostituiti i fogli di stile CSS?
- 25. I fogli di stile CSS sono caricati in modo asincrono
- 26. Importanza della gerarchia dei fogli di stile CSS
- 27. Fogli di stile specifici del controller nelle guide 3: Ereditarietà
- 28. Script Cross Site in fogli di stile CSS
- 29. HTML5 localStorage per risorse (fogli di stile, JavaScript, immagini ecc.)
- 30. Come faccio ad aggiungere fogli di stile a JSDOM
verifica la fonte della vostra pagina e vedere l'ordine corrente, quindi regolare il posto che state includendo il vostro 'css' –