style.cssの前にスタイルをエンキューする方法


9

style.cssがロードされる前に.cssファイルをエンキューするにはどうすればよいですか?または、デフォルトのstyle.cssを別の.cssファイルに依存させますか?

私は.cssリセットをロードしようとしています。これは、style.cssによって上書きされます。

ここに私が持っているものがあります:

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

ただし、これはstyle.cssの後にロードされます。

回答:


12

もエンキューし、依存関係としてstyle.css設定normalizeします。

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は、theme_name印刷時に依存関係を最初に自動的にロードします。


1
まことにありがとうございます!簡単な質問です。正規化スタイルをエンキューする必要はありませんか、それとも依存関係として設定すると自動的に行われますか?
フォンホルメス2013

依存関係として呼び出されると、自動的にエンキューされます。
RRikesh 2013

@vonholmes私はそれを私の答えに追加しました。
fuxia
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.