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

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

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

.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
Как на мобильном "Меню в шапке" вывести под "Меню под шапкой"?
+9
Как вывести виджет анонсов записей с миниатюрами?
+8
Как изменить цвет заголовка записи\страницы?
+7
Как вывести подменю в 2 колонки?
+7
Как изменить иконку в маркированных списках
+6
Как изменить адрес страницы, с которой было отправлено сообщение?
+5
Как вывести содержание поста (оглавление)?
+5
Как изменить карточки постов на главной странице?
+5
Как добавить фавикон?
+48
Как задать фоновую картинку для шапки?
+4
Как добавить рекламный код между карточками постов?
+4
Почему не отображаются иконки на профили в социальных сетях?
+4
Как вывести блоки Конструктора главной на главной статической странице
+4
Как включить комментарии на страницах?
+4
Как вывести ссылки на профили социальных сетей в шапке сайта?
+4
Как добавить код статистики/счетчика?
+4
Как в встроенную форму обратной связи добавить защиту от спама?
+31
Как вывести слайдер на главной?
+30
Как выровнять слева кнопку Наверх?
+3