Как настроить разный фоновый цвет рубрик в карточках постов?

Чтобы изменить цвет всех элементов сайта, в т.ч. и фона всех рубрик, нажмите Внешний вид > Настроить > Цвета и фон и в поле “Основной цвет сайта” выберите нужный цвет.

Чтобы изменить фоновый цвет рубрик в карточках постов, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте код

.post-card .post-card__category {
background-color: #4d3bfe!important;
}

Цвет фона #4d3bfe можете изменить на другой.

Чтобы для разных рубрик задать разный фоновый цвет, установите и активируйте дочернюю тему отсюда.

В дочерней теме reboot_child создайте папку template-parts, а в ней папку post-card. Из темы Reboot скопируйте в неё файлы нужных карточек постов.

Файл grid.php – шаблон карточек постов “Сетка”.
Файл horizontal.php – шаблон карточек постов “Горизонтальная”.
Файл small.php – шаблон карточек постов “Маленькая”.
Файл standard.php – шаблон карточек постов “Стандартная”.
Файл vertical.php – шаблон карточек постов “Вертикальная”.
Файл related.php – шаблон карточек постов в похожих записях.

Откройте скопированные файлы в папке /template-parts/post-card дочерней теме и код

if ( 'post' === get_post_type() && $post_card->is_show_element( 'category' ) ) {
echo '<span class="post-card__category"
itemprop="articleSection">' . $wpshop_template->get_category( [ 'link' => false ] ) . '</span>';
}

замените на

if ( 'post' === get_post_type() && $post_card->is_show_element( 'category' ) ) {
    $category_styles = '';
    $categories = get_the_category( $post->ID );
    if ( $categories ) {
        foreach ( $categories as $_category ) {
            if ( $_category->term_id == Здесь вставьте ID нужной рубрики ) $category_styles = 'Здесь вставьте цвет фона данной рубрики';
            if ( $_category->term_id == Здесь вставьте ID нужной рубрики ) $category_styles = 'Здесь вставьте цвет фона данной рубрики';
            if ( $_category->term_id == Здесь вставьте ID нужной рубрики ) $category_styles = 'Здесь вставьте цвет фона данной рубрики';
        }
    }
    echo '' . $wpshop_template->get_category( [ 'link' => false ] ) . '';
}

В коде выше вы можете добавлять неограниченное кол-во условий.

Как узнать ID рубрики можете прочитать здесь.

Вам помог ответ?
Похожие вопросы
Как изменить фоновый цвет контента?
+9
Как в карточках постов "Стандартная" вывести кнопку "Читать далее"?
+8
Как на мобильном "Меню в шапке" вывести под "Меню под шапкой"?
+8
Как изменить цвет заголовка записи\страницы?
+7
Как вывести виджет анонсов записей с миниатюрами?
+7
Как изменить иконку в маркированных списках
+5
Как добавить фавикон?
+46
Как изменить адрес страницы, с которой было отправлено сообщение?
+4
Как вывести содержание поста (оглавление)?
+4
Как вывести подменю в 2 колонки?
+4
Почему не отображаются иконки на профили в социальных сетях?
+4
Как вывести блоки Конструктора главной на главной статической странице
+4
Как включить комментарии на страницах?
+4
Как изменить карточки постов на главной странице?
+4
Как выровнять слева кнопку Наверх?
+3
Как добавить рекламный код между карточками постов?
+3
Как убрать автоматический вывод миниатюры на странице записи?
+3
Как вывести блок автора на странице записи?
+3
Как в рекламные блоки вставить код php?
+3
Как добавить заголовок H1 на главной странице?
+3