¿Ordenando hojas de estilo de Wordpress?

Question

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.

Answer 1

Se podría añadir al final de la CSS desea anular otras clases

ejemplo 'importante':

h1 { 
color:red !important; 
} 

Answer 2

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

Answer 3

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 ...

Answer 4

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);