Урок 4. Как поменять шапку темы?

 

Мы нашли тему для сайта подходящую нам по тематике. Шаблон темы нам нравится и всё нас в ней устраивает, кроме одного…  Шапка темы (шапка для сайта). Хочется сделать дизайн, которого нет не у кого. Итак, начнём.  Шапку сайта мы будем менять непосредственно через файлы шаблона WordPress. Изначально в шапке сайта установлена какая-нибудь картинка и нам нужно её изменить. Для этого заходим в zip-архив темы и распаковываем. Заходим в распакованную папку и находим там раздел «images», в нём мы находим картинку, которая отображается в шапке нашей темы. Её мы и будем менять. Наводим курсор мыши на картинку и смотрим её размеры. Эти размеры отображают высоту и ширину картинки, которые нам необходимо запомнить.  Картинку следует подготовить заранее, которую мы хотим установить в шапке будущего сайта. Размеры этой картинки не должны сильно отличаться от размеров шаблона сайта, иначе картинка получится либо нечёткой, либо искажённой.

Размеры шапки можно отредактировать в программе MicrosoftOfficePictureManager. Для этого картинку следует открыть через эту программу, там есть раздел «рисунки». Далее нажимаем на кнопку «изменить размер», выбираем произвольную ширину и высоту и ставим необходимые размеры. Получаем картинку по размеру нашей шапки.  Теперь вновь находим картину в папке «images» и копируем её название. На это название меняем название новой картинки. Затем новой картинкой заменяем старый файл шапки сайта в папке «images».

Есть ещё другой вариант изменения размеров новой установленной картинки в шапке темы. Он подходит лишь тогда, если размеры новой картинки не сильно отличаются от размеров шапки сайта.  Нужно в папке шаблона найти файл «style.css» Открываем его с помощью программы EditwithNotepad ++ и в кодах html находим «header-photo», где указаны размеры шапки, например, height: 206px (высота шапки) и width: 870px (ширина шапки). Меняем только цифры на те, которые нам нужны. Поднимаемся на верх, в самой верхней строке нажимаем «кодировка» — «преобразовать в UTF-8 без ВОМ» — далее файл «сохранить изменения» и закрываем данный файл. После всех манипуляций, полученную новую тему нужно заархивировать снова в zip – архив и установить на сайт, конечно, при этом старую тему следует удалить. Если у вас возникли вопросы, как установить тему на сайт читайте предыдущий урок. Если вы всё внимательно и аккуратно сделали, шапка сайта успешно поменяется. Если изменения не произошли, попробуйте выйти из админпанели и перегрузить страницу. После чего на сайте должна появиться новая шапка, если и это не помогло, значит вы где-то допустили ошибку и всё придётся делать сначала.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif  http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://news.mir-woman35.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif