Настройка внешнего вида WordPress: как изменить шапку для блога

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

Как настроить внешний вид темы на WordPress?

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

Но для начала давайте посмотрим, как попасть в настройки внешнего вида на WordPress. Сделать это можно через меню админки «Внешний вид → Настроить».
Настройки внешнего вида темы на WordPress

Откроется страница настроек темы WordPress.
Как настроить внешний вид шаблона на WordPress

Учтите, что ваши настройки могут отличаться. Здесь всё зависит от того, какой шаблон у вас установлен. Я показываю на примере моей темы Hueman – охватить все не смогу просто физически. Однако отличия не должны быть очень уж сильными, движок всё-таки один и тот же. Так что просто смотрите и делайте по аналогии.

Как сделать шапку для WordPress?

Шапка или хедер (header) – это элемент внешнего вида блога, который находится на самом верху. Там расположен логотип или заголовок с описанием. Очень часто, говоря «шапка», подразумевают «логотип» – и наоборот. Однако вам стоит все-таки понимать разницу между этими понятиями.
Где находятся шапка и логотип на WordPress

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

Подготовить картинку для логотипа можно в любом удобном для вас графическом редакторе (обычно это означает Photoshop). Скажете, вы не дизайнер? Ничего страшного – здесь и не нужен особый талант. Для начала достаточно набранного красивым шрифтом названия блога и какой-нибудь картинки, подходящей по теме.

Советы блогерамКстати, если вам не хочется ради этого ставить громоздкий Photoshop, то я советую воспользоваться его онлайновым аналогом. Функционал, конечно, урезан, но для наших с вами целей и этого будет более чем достаточно.

Как добавить логотип на WordPress?

Итак, предположим, что логотип у вас готов. Переходите в настройки внешнего вида темы. Здесь вам надо найти раздел меню, отвечающий за дизайн шапки. На моём шаблоне это «Дизайн страницы → Идентификация: логотип, заголовок…», но у вас может быть и по-другому.
Как добавить логотип на WordPress

Как видите, логотип пока не установлен. Жмите «Выбрать логотип» – откроется окно загрузки изображений.
Как загрузить логотип на WordPress

Нажимайте кнопку «Выберите файлы» и загружайте ваш подготовленный логотип.

Кстати, если вы не вполне уверены, какого размера надо делать картинку, то нужные цифры вы найдёте рядом с надписью «Предлагаемый размер изображения».

Впрочем, не переживайте, если вы сразу не озаботились правильным размером логотипа. После того как вы нажмёте кнопку «Выбрать», вам всё равно предложат обрезать изображение.
Как обрезать логотип на WordPress

Вот и всё – логотип установлен. Осталось лишь сохранить изменения, нажав синюю кнопку «Опубликовать» вверху слева.
Как установить логотип на WordPress

Что ж, на сегодня пока всё. Расскажите в комментариях, получилось ли у вас добавить логотип в шапку блога. А в следующих статьях по настройке шаблона WordPress я расскажу вам, как установить иконку блога, задать фон, сделать меню и поставить виджеты.
До скорой встречи!

Понравилось? Расскажите друзьям!
  • 2
    Поделились
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...

Антон Северный

Ленивый интроверт и блогер на полставки. Помогаю создавать и вести блоги другим. Не профи в блогинге – просто нравится этим заниматься.

Читайте также:

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

avatar
newest oldest most voted
Александр

Подробная инструкция, как раз для новичков.