优先添加动态自定义样式在WordPress中不起作用

我正在尝试开发Wordpress主题, 并试图在主题中添加”选项”以自定义默认样式。为此, 我添加了一个函数, 该函数获取用户定义的值并使用wp_enqueue_scripts()在头部插入定义的样式

 function woo_wonder_custom_style(){

     $custom_background_color = get_option('ww_background_color');

 ?>

    <style type="text/css">
        body{
             background-color: <?php echo $custom_background_color; ?>;
        }  
   </style>

<?php

}

add_action( 'wp_enqueue_scripts', 'woo_wonder_custom_style', 9999 );

我还有其他默认样式表, 它们也仅使用wp_enqueue_scripts()包含在主题中。

 function woo_wonder_stylesheets()
 {
    wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/assets/css/bootstrap.min.css' );
    wp_enqueue_style( 'ww_custom', get_template_directory_uri() . '/assets/css/woo-wonder.css' );
 }

 add_action( 'wp_enqueue_scripts', 'woo_wonder_stylesheets', 11 );

我想将自定义样式woo_wonder_custom_style()的优先级设置为低于默认样式表woo_wonder_stylesheets()

任何帮助深表感谢。

这是我第一次尝试Wordpress主题开发, 因此, 如果我犯了任何愚蠢的错误, 请原谅。

谢谢

#1

试试这个

function woo_wonder_custom_style(){

 $custom_background_color = get_option('ww_background_color');

?>
<style type="text/css">
    body{
         background-color: <?php echo $custom_background_color; ?>;
    }  

<?php
}
add_action( 'wp_head', 'woo_wonder_custom_style', 9999 );
?>

希望对你有帮助。