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.

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.


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
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.