Bagaimana cara enqueue style sebelum style.css

9

Bagaimana cara membuat file .css sebelum style.css dimuat? Atau menjadikan style.css default bergantung pada file .css lain?

Saya mencoba memuat reset .css, yang akan ditimpa oleh style.css.

Inilah yang saya miliki:

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

Namun ini dimuat setelah style.css.

vonholmes
sumber

Jawaban:

12

Enqueue the style.csstoo, dan atur normalizesebagai dependensi:

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 akan memuat dependensi sekarang secara otomatis terlebih dahulu ketika theme_namedicetak.

fuxia
sumber
1
Terima kasih banyak! Hanya pertanyaan singkat - apakah saya kemudian tidak perlu enqueue gaya normalisasi, atau ini dilakukan secara otomatis ketika ditetapkan sebagai ketergantungan?
vonholmes
Secara otomatis enqueued ketika dipanggil sebagai ketergantungan.
RRikesh
@vonholmes Saya telah menambahkan itu ke jawaban saya.
fuxia