Cómo cargar estilos antes que style.css

Question

Cómo cargar estilos antes que style.css

17 abr 2013, 14:37:22

Vistas: 20.9K

Votos: 10

¿Cómo puedo cargar un archivo .css antes de que se cargue style.css? ¿O hacer que el style.css predeterminado dependa de otro archivo .css?

Estoy tratando de cargar un reset de .css, que style.css sobrescribiría.

Esto es lo que tengo:

add_action('wp_enqueue_scripts', 'load_css_files');

function load_css_files() {
    wp_register_style( 'normalize', get_template_directory_uri() . '/css/normalize.css');
    wp_enqueue_style( 'normalize' );
}

Sin embargo, esto se carga después de style.css.

vonholmes

159

css wp enqueue style wp register style

Todas las respuestas a la pregunta

Comentarios

¡Genial, gracias! Solo una pregunta rápida - ¿entonces no necesito encolar el estilo normalize, o esto se hace automáticamente cuando se establece como dependencia?

vonholmes

17 abr 2013 14:51:05

Se encola automáticamente cuando se llama como dependencia.

RRikesh

17 abr 2013 14:52:07

@vonholmes He añadido eso a mi respuesta.

fuxia

17 abr 2013 14:55:05

fuxia 107K · Accepted Answer · 2013-04-17T14:43:03Z

Encuela también el style.css y establece normalize como dependencia:

if ( ! is_admin() )
{
    // Registrar temprano, para que nadie más pueda reservar ese handle
    add_action( 'wp_loaded', function()
    {
        wp_register_style(
            'normalize',
            // tema padre
            get_template_directory_uri() . '/css/normalize.css'
        );
        wp_register_style(
            'theme_name',
            // tema actual, podría ser el tema hijo
            get_stylesheet_uri(), [ 'normalize' ]
        );
    });
    add_action( 'wp_enqueue_scripts', function()
    {
        wp_enqueue_style( 'theme_name' );
    });
}

WordPress ahora cargará automáticamente las dependencias primero cuando se imprima theme_name.

fuxia

107K

17 abr 2013 14:43:03