WordPress - wp_add_inline_styleで動的スタイルを追加する

Question

WordPressのwp_add_inline_style関数の周りを頭で囲んでいます。

私はカスタマイズしたCSSをこの機能を使って出力することができました。

次に、wp_add_inline_style関数を使用してカスタムスタイルを出力する方法を示します。

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

これは期待どおりに機能します。これはstyle.cssファイルの下のheadにすべてのカスタムCSSが入ったスタイルタグを追加します。それはまさに私が望んでいたものです。

しかし、ユーザーが変更できるCSSがある場所に別のファイルがあり、変更したCSSをwp_add_inline_style関数で出力されたスタイルタグに追加したいとします。これは機能しません。ここで私がこれを試しているコードです。

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関数は完全に無視されています。

ここでポイントが完全に不足していますか？私が紛失していることは明らかですか？

頭に2つの別々のスタイルタグが印刷されてうれしいですが、どちらも達成できません。

うまくいけば私はこれをうまく説明しました。そうでない場合は、質問してください。

ご協力いただければ幸いです。

ありがとうございます。

Answer 1

最後の'がありません。

から変更して：

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

へ：

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