Как изменить внешний вид своего Wordpress сайта Печать

В этой инструкции тема Twenty Twenty-Four используется как пример. Для других тем из раздела Внешний вид → Темы порядок действий будет похожим.

Тема в WordPress работает как отделка квартиры: план комнат не меняется, меняется внешний вид. Тема задает шапку, подвал, меню, шрифты, цвета и расположение блоков.

Шаг 1. Откройте список тем

В админ-панели WordPress перейдите в Внешний вид → Темы.

[Скриншот - Раздел «Внешний вид → Темы»]

Шаг 2. Установите тему Twenty Twenty-Four

Нажмите Добавить новую, введите в поиске Twenty Twenty-Four, откройте карточку темы и нажмите Установить.

После установки нажмите Активировать.

[Скриншот - Поиск Twenty Twenty-Four и кнопка «Установить»]

[Скриншот - Кнопка «Активировать»]

Шаг 3. Откройте редактор сайта

Перейдите в Внешний вид → Редактор.

Для темы Twenty Twenty-Four основные настройки внешнего вида выполняются здесь.

[Скриншот - Пункт меню «Внешний вид → Редактор»]

Шаг 4. Загрузите логотип в шапку

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

[Скриншот - Выделенная шапка и блок логотипа]

[Скриншот - Окно загрузки логотипа]

Шаг 5. Проверьте название сайта и слоган

В шапке выделите блок Название сайта. Проверьте текст названия.

Проверьте блок краткого описания сайта (слоган). Если слоган не нужен, удалите его из шапки.

[Скриншот - Блок «Название сайта» и слоган в шапке]

Шаг 6. Отредактируйте меню

Выделите блок Навигация в шапке и откройте его редактирование.

Чтобы добавить пункт, нажмите кнопку + внутри блока навигации и выберите тип элемента.

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

После добавления перетащите пункты в нужном порядке.

[Скриншот - Блок «Навигация» в режиме редактирования]

[Скриншот - Добавление нового пункта меню через кнопку «+»]

Шаг 7. Настройте цвета и шрифты

Откройте раздел Стили в редакторе сайта.

Задайте основной цвет, цвет акцента и шрифт. Изменения сразу видны в предпросмотре.

[Скриншот - Раздел «Стили»]

Шаг 8. Сохраните изменения

Нажмите Сохранить в правом верхнем углу редактора.

Если WordPress покажет список изменений, подтвердите сохранение повторным нажатием Сохранить.

[Скриншот - Кнопка «Сохранить» и окно подтверждения изменений]

Шаг 9. Проверьте результат на сайте

Откройте главную страницу сайта в новой вкладке и проверьте шапку, логотип, меню, цвета и читаемость текста.

Если нужно исправить элемент, вернитесь в Внешний вид → Редактор, внесите правку и снова нажмите Сохранить.

[Скриншот - Главная страница после применения настроек]