Tengo un tema de WordPress con una hoja de estilo que debe cargarse por última vez, ya que los complementos CSS están interfiriendo con mi tema. Me preguntaba si había algún tipo de función que pudiera usar para hacer que la carga de la hoja de estilo principal dure en mi tema.¿Ordenando hojas de estilo de Wordpress?
Respuesta
Se podría añadir al final de la CSS desea anular otras clases
ejemplo 'importante':
h1 {
color:red !important;
}
Añadiendo! importante nunca es una buena solución. – MarioRicalde
Bueno, agregar! Importante podría no ser una "buena solución" pero mi opinión es que es una mejor solución que verse forzado a cargar diferentes archivos css en un orden específico. – Sasse
Siempre se puede usar !important
para anular otras reglas, pero recomiendo a también asegúrese de que las hojas de estilo de los complementos se estén insertando correctamente utilizando el siguiente método. Al agregar el número de prioridad, puede procesarlos en otro momento.
Asegúrese de que sus hojas de estilo se estén cargando antes de todas las secuencias de comando dentro de la etiqueta de su encabezado.
siempre hay que cargar hojas de estilo antes de guiones y WordPress se encarga de que si utiliza wp_enqueue_style y wp_enqueue_script
Por ejemplo, en su functions.php se debe utilizar
add_action('wp_enqueue_scripts', function(){
wp_enqueue_style('main-style','http://yoursite.com/styles/main.css');
}, 99);
Wordpress colocará main.css en su encabezado y dando una prioridad de 99 significa que lo agregará más tarde que el resto (por defecto, la prioridad de esta función es 10)
Asegúrese de tener wp_head() en su archivo de encabezado.
Saludos
cuando enqueue sus hojas de estilo, utilice una prioridad más alta, por ejemplo:
add_action('wp_enqueue_scripts', array(&$this, 'theme_styles'), 99);
Si algunos plugins tienen ganchos en 'wp_print_styles', entonces usted tiene que utilizarlo en su lugar, como 'wp_print_styles 'se escribirá después de' wp_enqueue_scripts ', iirc.
Y como usted tiene el control completo sobre el tema, también se puede incluir a sus estilos directamente en header.php, si la molestia con las acciones no vale la pena el tiempo ...
wp_print_styles
funciona mejor. basta con añadir una prioridad de la llamada, por ejemplo 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. Flex Convenios de hojas de estilo externas
- 2. ¿Hojas de estilo para el contenido?
- 3. Cargando hojas de estilo en Sinatra
- 4. Hojas de estilo condicional en IE9
- 5. Combinar varias hojas de estilo xslt
- 6. Limpiador CSS para "desplegar" hojas de estilo?
- 7. Hojas de estilo dinámicas usando Razor
- 8. Importancia de la jerarquía de hojas de estilo css
- 9. Rails3 de tuberías activo: controlador de hojas de estilo específicas
- 10. Cambiar el formato de hojas de estilo css en Eclipse
- 11. Uso de QStyledItemDelegate múltiple con hojas de estilo
- 12. ¿Se cargan hojas de estilo CSS de forma asíncrona
- 13. Carga y descarga dinámicamente de las hojas de estilo
- 14. Imprimir hojas de estilo para páginas con tablas horizontales largas
- 15. Cómo agregar hojas de estilo en IE usando jQuery?
- 16. jquery insertando todas las hojas de estilo en iframe
- 17. LocalStorage HTML5 para activos (hojas de estilo, JavaScript, imágenes, etc.)
- 18. Rails asset pipleline: compilar en varias hojas de estilo
- 19. Pantalla y hojas de estilo para dispositivos móviles
- 20. ¿Las hojas de estilo externas se cargan antes del HTML?
- 21. ¿Cómo doy estilo a un widget Qt, no a sus hijos con hojas de estilo?
- 22. Cómo tomar el control de las hojas de estilo en ASP.NET Temas con la StylePlaceHolder y Estilo de control
- 23. hojas de estilo de CSS de proveedor en Rails 3.1 y la canalización de activos
- 24. ¿Cómo puedo acceder a las propiedades de estilo en objetos JavaScript que usan hojas de estilo externas?
- 25. Establecer el tamaño de fuente del título de QGroupBox con hojas de estilo
- 26. Parámetros de hoja de estilos XSLT en hojas de estilo importadas
- 27. ¿Ejemplos de hojas de estilo de alto contraste y baja visión?
- 28. Analizador de CSS/HSS en Treetop y reglas de hojas de estilo anidadas
- 29. Uso de Compass en Heroku:/tmp para hojas de estilo de forma remota y local
- 30. Múltiples hojas de OpenXML
verificación de la fuente de la página y ver el orden actual, y luego ajustar el lugar que está incluyendo su 'css' –