So stellen Sie den Stil vor style.css in die Warteschlange

9

Wie stelle ich eine CSS-Datei in die Warteschlange, bevor style.css geladen wird? Oder die Standard-Datei style.css von einer anderen CSS-Datei abhängig machen?

Ich versuche, einen CSS-Reset zu laden, den style.css überschreiben würde.

Folgendes habe ich:

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

Dies wird jedoch nach style.css geladen.

vonholmes
quelle

Antworten:

12

Enqueue das style.cssauch und setze normalizeals Abhängigkeit:

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 lädt die Abhängigkeiten jetzt zuerst automatisch, wenn sie theme_namegedruckt werden.

Fuxia
quelle
1
Vielen Dank! Nur eine kurze Frage: Muss ich dann den Normalisierungsstil nicht in die Warteschlange stellen, oder erfolgt dies automatisch, wenn es als Abhängigkeit festgelegt wird?
vonholmes
Wird beim Aufrufen als Abhängigkeit automatisch in die Warteschlange gestellt.
RRikesh
@vonholmes Ich habe das zu meiner Antwort hinzugefügt.
Fuxia