2

Настройка темы WordPress. Часть 2. Настройка внешнего вида.

настройка внешнего вида

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

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

Итак…

Настройка внешнего вида

Заходим в админ панель WordPress и кликаем на вкладку Внешний вид. После обновления открывается подвкладка Темы. Как выбрать тему, мы уже рассмотрели в статье Темы WordPress и Строение сайта.

Я лично выберу из того, что уже есть, тему Twenty Sixteen. Активирую ее и дальше перехожу на следующую подвкладку Настроить.

Открывается страница настройки темы. В общем-то именно с этого момента начинается настройка внешнего вида сайта.

настройка внешнего вида

Обращаем внимание на левую панель. Это основные визуальные настройки внешнего вида.

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

Жмем на пункт…

Свойства сайта

Открывается меню настройки внешнего вида логотипа, названия и описания сайта.

настройка внешнего вида

Вы можете нажать на кнопку Выбрать логотип и загрузить картинку, логотип вашей компании.

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

То же самое с Кратким описанием. Поставьте туда какой-нибудь слоган, характеризующий ваш сайт или сферу деятельности.

Далее настраивается Иконка сайта — так называемый фавикон. Это картинка, которая отображается в браузере рядом с вашим сайтом. Фавикон повышает узнаваемость вашего сайта.

настройка внешнего вида

Вы можете создать фавикон на специальных сервисах, которых полно в сети. Для этого наберите в поисковике «Создать фавикон онлайн» и вам выдадут множество сайтов с возможностью создания фавикона.

А можете загрузить туда свою картинку (она должна быть квадратной формы).

После всех сделанных изменений не забываем нажать кнопку Сохранить и опубликовать.

Возвращаемся в меню настроек. Для этого кликаем на стрелочку возврата слева от надписи Свойства сайта.

настройки внешнего вида

Пункт Цвета мы не будем разбирать подробно. Зайдите и поэкспериментируйте. Там все просто.

Идем в пункт…

Изображение заголовка

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

Для примера я сейчас добавлю заголовок на свой экспериментальный сайт. Если устанавливаете Изображение заголовка, то Название сайта и Краткое описание лучше добавлять туда. Поэтому я уберу эти надписи в пункте Свойства сайта (см. выше).

Вот, что получилось:

настроить внешний вид

С этим разобрались, едем дальше.

Фоновое изображение

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

настройка внешнего вида сайта

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

Так же поэкспериментируете в настройках фона. Я лишь немного скажу о пункте Привязка фона. Если выбрать Прокручивать, то фон будет двигаться вместе со всей страницей сайта при прокрутке. Если выберите Зафиксировать, то при прокрутке страницы вверх-вниз будет двигаться только «белый листок», а фон со стеной останется на месте.

Идем дальше.

Меню и Виджеты пока пропустим, не люблю их настраивать здесь.

Статическую страницу мы уже настроили в статье Настройка темы WordPress. Часть 1, поэтому тоже не трогаем этот пункт.

Жмем на крестик в верхней левой части экрана

настройка внешнего вида

и попадаем снова в админ панель WordPress.

На этом я заканчиваю эту статью. В следующей статье мы разберем, как создать меню и установить виджеты на сайт.

Сделайте доброе дело, поделитесь этой записью с друзьями.


Хотите получить от меня секретный бонус?

(лайф-хак по поиску неочевидных мест обитания трафика)

Тогда жмите на кнопку ниже

Получить секретный бонус

Дмитрий Чернышов

2 Comments

  1. Это настройка данной темы-как и ваш сайт? У меня вышло не так-шапка встает выше меню, логотип мелкий. Подвал в этой теме вовсе не редактиуется

    • Это просто статья о том, как настраивать тему в принципе, а не конкретно тему моего сайта.

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

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