В интернете вы найдете массу изображений, с помощью которых мы можем изменить внешний вид нашего блога. Я даже посвятил целую рубрику моего блога обзорам различных ресурсов, где можно скачать бесплатные шапки для блога.

Как только подходящая шапка найдена, встает вопрос, как изменить код используемой темы.

Сегодня поговорим о смене шапки в шаблонах Вордпресс. Данный туториал относится к теме Default, используемой по умолчанию, и ко всем темам, которые созданы на ее основе. Кроме того, с некоторыми изменениями, инструкции могут быть полезны в качестве базы для многих других шаблонов, так как структуры хедера зачастую очень похожи, по крайней мере, одинаковы имена селекторов CSS. 

В файле style.css код должен выглядеть следующим образом:

#header {
 background: url("/images/wc_header.jpg")
 no-repeat bottom center;
 }
#headerimg {
 margin: 7px 9px 0;
 height: 192px;
 width: 740px;
 }

Чтобы изменить изображение, нужно загрузить новое через FTP или прямо в медиафайлы в админке WordPress, и заменить /images/wc_header.jpg на урл нового изображения, которое вы только что загрузили. Если размер новой шапки тот же, то никаких дополнительных изменений не потребуется. Если новая шапка имеет другие размеры, необходимо адаптировать контейнер (# headerimg), изменив атрибуты height (высота) и width (ширина).

После замены изображений, посмотрите, что у вас получилось. Возможно, придется очистить кэш браузера, чтобы увидеть изменения (обычно достаточно нажать Ctlr-F5).

Для завершения настройки шапки, вы можете изменить атрибуты селектора h1, header, headerimg и description. Нельзя с уверенностью сказать, присутствуют ли в вашей теме все эти атрибуты, или нет. В целях безопасности, нужно посмотреть header.php и найти значения id. Не возможно написать универсальный туториал, многое делается опираясь на так называемый “метод тыка”, чтобы получить желаемые результаты.