→ При разработке сайта лендинг в подарок! ЖМИ! ←
Окт
14

Разные картинки в шапке для разделов WordPress

Сегодня при разработке очередного проекта столкнулся с необходимостью вывода разных картинок в шапке (установлены панорамные изображения местности) для разных разделов сайта. То есть, если посетитель находится в разделе о Москве, давайте покажем ему Москву, если о Питере — то Питер, если о Магадане — то, само собой, что Магадан. Будем это делать без плагинов.

Дано: разные разделы сайта с записями
Нужно: вывести для соответствующего раздела и записей, входящих в него, нужное изображение, которое потом «съест» плагинчик движения по панораме.

Решение

Для начала подготовим картинки и вспомним, какие функции есть в вордпресс, которые относятся к категориям. Исходя из постановки задачи, нам нужно поставить проверку на два условия:

  1. В данный момент показывается категория
  2. В данный момент показывается запись из этой категории

И для условия «или» на эти условия вывести нужное изображение.

Причем здесь нужно проверять последовательно, чтобы код получился аккуратным. Т.е. сначала проверяем, показывается ли Москва, затем — Питер, а потом — Магадан. Если страница не попадает ни в одну из категорий, то выводим картинку по умолчанию.

Пока мы себе набросали алгоритм, то вспомнили, что в вордпрессе есть функции:

  • is_category() — проверка на вывод категории
  • in_categor() — проверка на попадание поста в заданную категорию

Используя полученные сведения, рисуем код:

1
2
3
4
5
6
7
8
9
< ? if (is_category('ID-cat1')||in_category('ID-cat1')){ ?>
            <img src="<?php bloginfo('template_url'); ?/>/images/panorama2.jpg" width="1193" height="203"  alt="Гранд Каньон" class="panorama" />
< ? } else {
if (is_category('ID-cat2')||in_category('ID-
<img src="<?php bloginfo('template_url'); ?/>/images/panorama3.jpg" width="1346" height="203"  alt="panorama" class="panorama" />

< ? } else {?>

<img src="<?php bloginfo('template_url'); ?/>/images/panorama.jpg" width="1900" height="203"  alt="panorama" class="panorama" />
< ? } } ?>

Здесь у нас: ID-cat1 — ID категории о Москве, ID-cat2 — ID категории о Питере.
Данную цепочку можно продолжать и глубже насколько это необходимо.

з.ы. На правах рекламы данный пост написан во время работы над проектом турфирмы. Если Вам нужен сайт на вордпрессе или на ином движке, или нестандартное решение, то мы рассмотрим ТЗ с большим удовольствием! Подробности здесь.

Прокомментировать

Рубрики

Наши услуги

В прямом эфире