Как изменить шапку для блога в шаблоне WordPress.

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

Очень может быть, что начинающие блогеры, кто пожелал создавать свой блог на движке движке WordPress, на автономном хостинге, в процессе создания проходили муки выбора шаблона (или темы) для своего детища. В большинстве случаев, потратив пару дней, можно отобрать пару-тройку вполне вменяемых шаблонов, которые понравятся автору. Но всё равно, в любом шаблоне есть элементы, которые по каким-либо причинам не вписываются в общие представления о будущем блоге. Какая-нибудь пустяковина (цвет немного не тот, кнопка не такая, шапка кривовата) а не хватает её для полноты картины. И в таком случае есть два пути.

Первый – хорошо если есть знакомый товарищ, компетентный в вопросе дизайна, который сможет уделить время Вашей проблеме.  Второй – разобраться самому (как позже выяснится нет ничего космического) и просидев от силы пару часов подредактировать шаблон так, как душа пожелает. Этот вариант более предпочтителен хотя бы потому, что в конце концов будете сами разбираться во многих мелочах, а во-вторых, кто же сделает лучше чем Вы сами? «Хочешь, что бы что-то было сделано хорошо – сделай это сам»

.

Взять хотя бы самый заметный элемент блога – его шапку. Фактически – это лицо блога.  На ней присутствует название Вашего проекта, описание, логотип. И от того, как это лицо выглядит, создаётся первое впечатление о блоге. Как говориться «Встретили по одёжке, проводили тоже плохо»

. В наших силах придать этому (да и не только этому) архиважному элементу оттенок индивидуальности. Так как же изменить стандартную шапку в шаблоне блога?

В принципе, все графические элементы темы Вашего блога хранятся (на хостинге) в папочке ваш блог/public_html/wp-content/themes. В ней сложены все темы, которые Вы загружали. Выберите активную тему и находите папку images. Вот в ней находятся файлы всех графических элементов темы. Нам нужен файл шапки блога. который в подавляющем большинстве случаев имеет название header. Вот он то нам и нужен. Правда тут стоит сделать оговорку. Есть некоторые экзотические шаблоны (вот как используемый на этом блоге), которые не имеют шапки, как таковой. Общий фон описывается одним коротеньким графическим файлом, который потом кодом повторяется много раз по ширине экрана. Но тут тоже можно поморочить голову при желании. Мы же возьмём случай, когда header присутствует.

Первое, что нам нужно сделать, так это узнать размеры файла header. Думаю, с этим ни у кого проблем возникнуть не должно. Пусть будет, к примеру, 800х80. Далее Вам предстоит выбрать себе фотографию или картинку, часть которой .вы предполагаете использовать в качестве шапки. Тем, кто хоть на начальном уровне дружен с фотошопом, уже будет легче. Хотя некоторые элементарные вещи (яркость/контраст/обрезка/изменение размеров) можно провернуть практически в любой программе просмотра и редактирования изображений (начиная от ACDSee и кончая XnView).

Выбор области для шапки

обрезка

Если больших претензий к изображению нет, то есть вы

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

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

Как только с рисунком будет закончено, останется сущий пустячок. Нам предстоит из вышеуказанной папки (и сохранив его на всякий пожарный где-то на винте), содержащей тему блога, аккуратно изъять стандартный файл header, который там присутствует, и закачать в папку темы тот самый, сохранённый нами файл рисунка. Перезагружаем страницу блога и любуемся результатом! Совсем другой вид! Даже если что-то не совсем удачно получилось, всё можно исправить. Можно немного подкорректировать цвета и размеры шрифтов в заголовке и описании блога. Можно снова поработать над исходным изображением для шапки блога (теперь Вы знаете, как её менять). В итоге результат должен Вас удовлетворить.

Можно пойти использовать ещё один вариант. Для того, чтобы легко создать шапку для блога, понадобится программулина XHeader. Скачать её проблем не составит никаких. Мне попался англязычный вариант, но я не стал заморачиваться с разыскиванием русификатора, и так всё понятно. Запускаем программу и в левом верхнем углу нажимаем кнопку « New «. Дальше выбираем « Load from Template library «. Слева представлены категории картинок. Выбираем ту, которая более нравится и подходит к тематике блога. Откроется множество фонов для шапки. Снова выбираем понравившуюся и нажимаем «гуд».

После того, как фон выбран, в верхнем меню нажимаем на « Options «, а дальше – « Resize header » для изменения размеров будущей шапки блога. В открывшемся меню вводим ширину и высоту изображения для шапки, о которой говорилось выше. Потом нажимаем на « text » – и внизу открывается окошко для записей. В него можно вводить название своего блога и выбираем размер надписи. Потом располагаем надпись в том месте шаки, где мы хотим её видеть. Вот, в принципе, и всё. Шапка для WordPress блога готова! Не забываем сохранить наше творение, выбирая опять же название файла, как оно было указано в теме и то же расширение.  Ну и в заключении снова меняем файл header  в активной теме блога, как было описано выше.

Проведя вот такие несложные манипуляции можно успешно заменить шапку в теме для WordPress блога. Ну а самые догадливые уже сообразили, что таким образом можно заменить по своему желанию практически всю графику на блоге (сайдбар, кнопки, меню, тени, подвал и прочее). Было бы желание.

Похожие посты

17 Responses to Как изменить шапку для блога в шаблоне WordPress.

Comments (RSS)

Источник: blogdenegka.ru

Категория: Программное обеспечение

Похожие статьи: