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.

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.


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
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.