Add inline css to theme

时间：2017-04-14 作者：name name2

我有wordpress主题，我想添加自定义css

所以我尝试添加到标题

<style>
<?php if (!empty($btn_color)){  ?> 
.btn-default{ background-color:<?php echo esc_attr($btn_color);?>; } <?php } ?>
</style>
但这似乎不是好方法，我需要使用

wp_add_inline_style()
那么如何使用这个函数呢？

1 个回复
最合适的回答,由SO网友:Johansson 整理而成

根据Codex, 此函数接受2个参数：

<?php wp_add_inline_style( $handle, $data ); ?>

看看这个例子：

function my_inline_css() {
    wp_enqueue_style(
        \'custom-style\',
        get_template_directory_uri() . \'/css/custom_script.css\'
    );
        $btn_color = esc_attr( get_theme_mod( \'my-custom-color\' ) ); 
        $custom_css = "
                .btn-default{
                        background-color: {$btn_color};
                }";
        wp_add_inline_style( \'custom-style\', $my_custom_css );
}
add_action( \'wp_enqueue_scripts\', \'my_inline_css\' );
您应该在主题中有一个选项来指定background-color 然后使用wp_add_inline_style().

您还有其他选择，例如wp_head():

function my_inline_css($btn_color) { 
    if ( !empty($btn_color) ) {  ?> 
        .btn-default { background-color:<?php echo esc_attr($btn_color);?>; } <?php
    }
}
add_action(\'wp_head\',\'my_inline_css\');
但我不知道在哪里$btn_color 值已设置。您可能希望将此信息添加到问题中，以获得准确的答案。

标签： functions   theme-development   theme-customizer   小码农  

相关推荐

Using $_GET in Functions.php

我在函数中不断遇到此代码的未定义索引错误。我做错了什么？function hire_more(){ $hire = $_GET[\'hire_more\']; write_log($hire); } add_action(\'wp_loaded\',\'hire_more\');