另一个解决方案是wp_add_inline_style()
这为您提供了注入动态内联样式的机会:
function my_custom_style() {
wp_enqueue_style(
\'custom-style\',
get_template_directory_uri() . \'/css/custom-style.css\'
);
//our customer percentage set by a user in some options panel
$percentage = get_theme_mod(\'my-custom-percentage\');
$inline_style =<<<DOC
.progress-bar {
width: {$percentage}%;
}
DOC;
//inject our custom percentage after "custom-style.css"
wp_add_inline_style( \'custom-style\', $inline_style );
}
add_action(\'wp_enqueue_scripts\', \'my_custom_style\');
除此之外,当用户在后端更改设置时,还可以通过编程方式生成css文件,将其存储在uploads目录中的某个位置,然后使用
wp_enqueue_scripts
.
您还可以连接到wp_head
并以这种方式注入您的风格,虽然可能不是最好的方式,但这里有一个示例:
function my_custom_style() {
$percentage = get_theme_mod(\'my-custom-percentage\');
?>
<style type="text/css">
.progress-bar {
width: <?php echo $percentage; ?>%;
}
</style>
<?php
}
add_action(\'wp_head\', \'my_custom_style\', 100);