wp_enqueue_style() 자식 테마의 내용 스타일을 깨뜨림

Question

부모 테마에 bootstrap.css 및 style.css를 포함합니다.

function my_scripts() { 
    wp_register_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.css');  
    wp_register_style('my-style', get_stylesheet_uri());   
    wp_enqueue_style('bootstrap');  
    wp_enqueue_style('my-style'); 
    .... 
} 

어린이 테마에는 부모 스타일이 포함되어 있으며 그 후에 디자인이 충돌합니다. Firefox에서 소스 코드를 볼 때 부모 style.css가 처음으로 부트 스트랩을로드하는 것을 볼 수 있습니다.

function child_scripts() { 
     wp_enqueue_style('my-style', get_template_directory_uri(). '/style.css');  
} 

add_action('wp_enqueue_scripts', 'child_scripts', 15); 

어떻게이 문제를 해결할 수 있습니까?

Answer 1

여러 스타일 파일에 동일한 핸들을 사용할 수 없거나 서로 덮어 쓰게됩니다. 부모 및 자식 함수 파일에서 "my-style"을 핸들로 사용하고 있습니다. 다음과 같은 사람들을 변경 :

부모 테마

function my_scripts() { 
    wp_register_style('bootstrap', get_template_directory_uri() . '/css/bootstrap.css');  
    wp_register_style('my-parent-style', get_stylesheet_uri());   
    wp_enqueue_style('bootstrap');  
    wp_enqueue_style('my-parent-style'); 
    .... 
} 

자식 테마

자녀 테마, functions.php에 다음과 같은 코드로 코드를 교체에서

function child_scripts() { 
     wp_enqueue_style('my-child-style', get_template_directory_uri(). '/style.css');  
} 

add_action('wp_enqueue_scripts', 'child_scripts', 15); 

Answer 2

function enqueue_parents_style() { 
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css'); 
    } 
    add_action('wp_enqueue_scripts', 'enqueue_parents_style');