WordPress - wp_add_inline_style을 사용하여 동적 스타일 추가

Question

WordPress의 wp_add_inline_style 함수에서 머리를 감싸려고합니다.

이 함수를 사용하여 customizer CSS를 출력 할 수 있었으며 완벽하게 작동합니다.

다음은 wp_add_inline_style 함수를 사용하여 customiser 스타일을 출력하는 방법입니다.

function theme_custom_css() { 

    $header_height = get_theme_mod('header_height', '96'); 

    $output .= '.site-header { height: ' . esc_attr($header_height) . 'px; }; 

    if (! empty($output)) { 
     wp_add_inline_style('custom-style', $output); 
    } 

} 
add_action('wp_enqueue_scripts', 'theme_custom_css'); 

이것은 예상대로 작동합니다. 그것은 스타일 css 파일 안에 style.css 파일 아래의 머리에 스타일 태그를 추가합니다. 좋아, 그게 내가 원했던거야.

그러나 사용자가 변경할 수있는 CSS가있는 다른 파일이 있고 wp_add_inline_style 함수가 인쇄 한 스타일 태그에 변경된 CSS를 추가하고 싶습니다. 이것은 작동하지 않습니다. 여기에 제가 시도하고있는 코드가 있습니다.

function theme_slider_css() { 

    if (get_field('slider_padding_top')) { 
     $slider_css .= '.slider-inner-wrap { padding-top: ' . get_field('slider_padding_top') . ';px }'; 
    } 

    if (! empty($slider_css)) {           
     wp_add_inline_style('custom-style', $slider_css); 
    } 

} 
add_action('wp_enqueue_scripts', 'theme_slider_css'); 

theme_slider_css 함수는 완전히 무시됩니다.

여기에서 요점을 완전히 놓치고 있습니까? 내가 누락 된 명백한 것이 있습니까?

헤드에 두 개의 스타일 태그가 인쇄되어있어 기쁘지만 그 중 하나를 달성 할 수 없습니까?

잘 설명해 주셨으면합니다. 그렇지 않다면 물어보십시오.

도움이 될 것입니다.

미리 감사드립니다.

Answer 1

마지막 '가 없습니다.

"$output .= '.site-header { height: ' . esc_attr($header_height) . 'px; };" 

에 :에서

변경을

"$output .= '.site-header { height: ' . esc_attr($header_height) . 'px; }';"