我使用wp_enqueue_style
和wp_add_inline_style
以这种方式自定义主题的颜色
//enqueue script and style
function hb_enqueue_link(){
$templUri = get_template_directory_uri();
$uriCss = $templUri.'/css/';
wp_enqueue_style( 'custom_colors_css',$uriCss.'custom-colors.css' );
//custom style
$hb_firstColor = get_theme_mod( 'firstColor' );
$hb_style_colors_css = "
.first-color-op{
background-color : rgba(".hb_rgba_transform( $hb_firstColor, 0.75 ).");
}
";
//add style
wp_add_inline_style( 'custom_colors_css', $hb_style_colors_css );
}
add_action( 'wp_enqueue_scripts', 'hb_enqueue_link' );
同时插入将十六进制中的颜色转换为rgba的函数,如果它会转给某人:
//transform hex in rgba
function hb_rgba_transform( $hex, $op ){
if( strpos($hex, "#") == 0):
$r = hexdec( substr( $hex, 1, 2 ) );
$g = hexdec( substr( $hex, 3, 2 ) );
$b = hexdec( substr( $hex, 5, 2 ) );
$rgba = $r.','.$g.','.$b.','.$op;
return $rgba;
else:
return '0,0,0,1';
endif;
}
问题,这给了我关于mozilla enter image description here的错误,用英语翻译为
无法加载样式表。 HTTP //....
此错误也会影响其他浏览器 我哪里错了?