Как настроить разный фоновый цвет рубрик в карточках постов?
Чтобы изменить цвет всех элементов сайта, в т.ч. и фона всех рубрик, нажмите Внешний вид > Настроить > Цвета и фон и в поле “Основной цвет сайта” выберите нужный цвет.
Чтобы изменить фоновый цвет рубрик в карточках постов, перейдите в Внешний вид > Настроить > Дополнительные стили и добавьте код
.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 рубрики можете прочитать здесь.