style.css 앞에 스타일을 추가하는 방법

Question

style.css 앞에 스타일을 추가하는 방법

- 9
- 19759 2013-04-17
style.css가로드되기 전에 .css 파일을 대기열에 추가하려면 어떻게해야합니까?아니면 기본 style.css를 다른 .css 파일에 종속 시키시겠습니까?

style.css가 덮어 쓰는 .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 후에로드됩니다.
How do I enqueue a .css file before style.css is loaded? Or make the default style.css dependant on another .css file?

I'm trying to load a .css reset, which style.css would overwrite.

Here's what I have:

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

However this is loaded after style.css.
css wp-enqueue-style wp-register-style

1 대답

투표

fuxia · Accepted Answer · 2013-04-17

12

2013-04-17

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이 인쇄 될 때 먼저 자동으로 종속성을로드합니다.

Enqueue the style.css too, and set normalize as dependency:

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 will load the dependencies now first automatically when theme_name is printed.

출처
fuxia

고마워요!간단한 질문입니다. 그러면 정규화 스타일을 대기열에 넣을 필요가 없습니까? 아니면 종속성으로 설정 될 때 자동으로 수행됩니까?

Great, thanks! Just a quick question - do I then not need to enqueue the normalize style, or is this done automatically when set as a dependency?
- 1
- 2013-04-17
- vonholmes
종속성으로 호출되면 자동으로 대기열에 추가됩니다.

Automatically enqueued when called as a dependency.
- 0
- 2013-04-17
- RRikesh
@vonholmes 나는 그것을 내 대답에 추가했습니다.

@vonholmes I have added that to my answer.
- 0
- 2013-04-17
- fuxia