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文件下方的头部添加了一个样式标签，其中所有自定义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函数被完全忽略。

我在这里完全错过了这一点吗？我有什么明显的吗？

我很乐意在头上打印两个单独的样式标签，但我也无法实现？

希望我对此解释了，如果没有，请询问。

任何帮助将不胜感激。

预先感谢您。

Answer 1

丢失了最后一个'。

从：

更改它

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

to：

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