Как сделать картинку для категории wordpress (Решено)
Здравствуйте дорогие читатели! Во первых хотел бы извинится перед Вами за задержку выхода новостей, ибо загруженность играет большую роль, + начали разрабатывать еще один сайт, времени категорически не хватает. Сегодня мне пришлось искать вот какое решение, нужно было вывести миниатюру (картинку) для каждой из категорий. Как Вы наверное уже знаете — я не сторонник плагинов, поэтому используем изменение шаблона для вывода категорий…
Картинка для категории (рубрики)
Итак приступим, для начала вам необходимо найти этот самый файл, например в моей теме этот файл называется archive.php , в некоторых темах используется файл category.php.
Будем считать что Вы нашли этот файл, продолжим.
Находим в этом файле вывод описания категории для того чтобы вставить картинку туда, например:
|
1 |
get_the_author_meta('description'); |
И вставляем перед этим кодом следующее:
|
1 2 3 4 5 6 7 |
<div class="img-category"> <!--Объявляем класс для дальнейшей модификации свойств CSS. --> <?php $thisCat = get_category(get_query_var('cat'),false); ?> <!--Определяем рубрику на странице которой мы находимся. --> <img width="175px" src="<?php echo bloginfo('template_url');?>/images/<?php echo $thisCat->slug; ?>-cate.jpg" alt="<?php $thisCat->cat_name; ?>" /> <!--Выводим миниатюру рубрики, на странице которой мы находимся. --> </div> |
Картинку необходимо положить в папку картинок шаблона и предварительно назвать («ссылка категории»-cate.jpg)
И остается только поправить CSS , например так:
|
1 2 3 4 5 6 7 |
.img-rubrik { display: block; float: right; box-shadow: 0 2px 5px #AAAAAA; margin: 0px; padding: 3px; } |
Получается примерно вот так:
Вот и все мы вывели разную картинку для всех категорий. Спасибо за внимание, не забудьте подписаться на новости.
WPFIX.ru © 2013 - 2017.