Каждой странице — своя шапка

d0bad0b0d0b6d0b4d0bed0b9-d181d182d180d0b0d0bdd0b8d186d0b5-d181d0b2d0bed18f-d188d0b0d0bfd0bad0b0 Без рубрики

Думаете меняющаяся шапка сайта — это сложно? В данном видео мы узнаем, как сделать разные шапки отдельно для каждой страницы на блоге и как поменять шапки категорий WordPress.

Наверняка Вы видели на каких-либо сайтах, как в разных тематических разделах по-разному оформлена шапка сайта — это или другой цвет, или меняется фоновая картинка и т.д. Так вот, мы тоже реализуем эту функцию — представляю Вашему вниманию плагин Dynamic Headers, который поможет разнообразить наш сайт. Он позволяет назначить для любой страницы собственное изображение в том месте, куда Вы пропишете код плагина. После его установки внизу страницы добавления записи появится специальная панель, где вы можете выбрать, какая картинка должна на этой странице отображаться из списка загруженных.

Меняющаяся динамическая шапка сайта придаст ему индивидуальность и неповторимый колорит!

Каждой странице — своя шапка

Для того, чтобы не быть голословным, предлагаю посмотреть сайт о подмосковных усадьбах nataturka.ru. Каждая статическая страница на нем имеет свое оформления хедера. Это и стильно, и красиво. Например, если на вашем блоге несколько разделов по разным темам, например, Компьютеры, Ноутбуки, Телефоны — логично сделать разные шапки для всех этих рубрик с изображением компа, ноута или мобильника. Убедил? Если да, то смотрим видео.

Код для вставки динамической шапки в шаблон:

Меняющаяся шапка сайта без плагина

Если вы небезосновательно считаете, что плагины тормозят систему и лучше обходиться без них, то предлагаю организовать подобный функционал самостоятельно, добавив некоторый код в файлы вашего сайта.
Итак, открываем functions.php и добавляем:


#wpbody-content #headimg {
height: px;
width: px;
border: 1px solid #333;
}

В данном примере Default.jpg — изображение в шапке по умолчанию, 960 — его ширина, а 220 — высота.
Папка header — директория внутри папки темы оформления, в которой будут содержаться наши картинки для шапки.
И после этого в то место шаблона, где вы хотите показывать меняющуюся шапку сайта, вставляем строки:

Оцените статью