Изменение цвета некоторых дивов на тот же что body.custom-background?

Question

[Za Za]

Я меняю цвет фона в теме в при помощью wp-admin/customize.php в консоли WP
После у body  появляется доп класс body.custom-background.
Как мне теперь этот цвет применить еще к некоторым дивам в этой теме?

Попробывал добавить этот класс через

const element = document.querySelector('.site-title');
element.classList.add('custom-background');

но так это не работает (((

Comments

[Владимир Брумер]

зачем js на стороне клиента, если эти данные в базе лежат?
get_theme_mod('background_color');

тырц

[Za Za]

Владимир Брумер, разница на чьей стороне это менять? итог та должен быть один - если это проще поменять не через js - согласен. Вопрос - как?

[Владимир Брумер]

Михаил Лебедев,

разница на чьей стороне это менять? итог та должен быть один

не очень хорошая позиция - если у клиента слабый пк и вы его одарите кучей ненужного скрипта и его комп не справится?

пример в ответе...

P.S. если уж хочется через скрипты можете передать через wp_localize_script в файл скрипта данные из базы и в скриптах менять цвет, либо добавить нужным элементам класс div_style(из ответа), если разметку не можете править - Вам решать

Answer 1

[Владимир Брумер]

Вопрос - как?

... этот цвет применить еще к некоторым дивам в этой теме?

например вот так

add_action('wp_head','div_style');
if(!function_exists('div_style')){function div_style(){?>
<style id="div_style" type="text/css">
	.div_style{background-color:#<?php echo get_theme_mod('background_color');?>;}
</style>
<?php }}

...............или...............

add_action('get_footer','div_style');
if(!function_exists('div_style')){function div_style(){?>
<style id="div_style" type="text/css">
	.div_style{background-color:#<?php echo get_theme_mod('background_color');?>;}
</style>
<?php }}

разметка: