web-dev-qa-db-fra.com

Ajouter css en ligne au thème

J'ai un thème wordpress et je veux ajouter du css personnalisé

J'essaie donc d'ajouter à l'en-tête

<style>
<?php if (!empty($btn_color)){  ?> 
.btn-default{ background-color:<?php echo esc_attr($btn_color);?>; } <?php } ?>
</style>

Mais il semble que ce ne soit pas un bon moyen et que je doive utiliser

wp_add_inline_style()

Alors, comment utiliser cette fonction?

functionstheme-developmenttheme-customizer
1
name name2

Selon Codex , cette fonction accepte 2 arguments:

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

Jetez un oeil à cet exemple:

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' );

Vous devriez avoir une option dans votre thème pour spécifier le background-color, puis le générer à l'aide de wp_add_inline_style().

Vous avez également d'autres options, telles que le raccordement à 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');

Cependant, je ne sais pas où cette valeur $btn_color est définie. Vous voudrez peut-être ajouter cette information à votre question pour pouvoir obtenir une réponse précise.

1
Jack Johansson