Cómo poner en cola el estilo antes que style.css

9

¿Cómo pongo en cola un archivo .css antes de cargar style.css? ¿O hacer que el style.css predeterminado dependa de otro archivo .css?

Estoy tratando de cargar un reinicio .css, que style.css sobrescribirá.

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
fuente

Respuestas:

12

Poner en cola style.csstambién y establecer normalizecomo dependencia:

if ( ! is_admin() )
{
    // Register early, so no on else can reserve that handle
    add_action( 'wp_loaded', function()
    {
        wp_register_style(
            'normalize',
            // parent theme
            get_template_directory_uri() . '/css/normalize.css'
        );
        wp_register_style(
            'theme_name',
            // current theme, might be the child theme
            get_stylesheet_uri(), [ 'normalize' ]
        );
    });
    add_action( 'wp_enqueue_scripts', function()
    {
        wp_enqueue_style( 'theme_name' );
    });
}

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

fuxia
fuente
1
¡Muchas gracias! Solo una pregunta rápida: ¿no necesito poner en cola el estilo de normalización o se hace automáticamente cuando se configura como una dependencia?
vonholmes
En cola automáticamente cuando se llama como una dependencia.
RRikesh
@vonholmes He agregado eso a mi respuesta.
fuxia