it-swarm.com.ru

Добавить встроенный CSS к теме

У меня есть тема 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
name name2

Согласно Кодексу , эта функция принимает 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 установлено. Вы можете добавить эту информацию в свой вопрос, чтобы получить точный ответ.

1
Jack Johansson