Добавление меню
Добавляем меню. В верхней панели инструментов (Top Bar) выбираем «Настроить». В разделе «General» отключаем Top Bar, установив значение «Нет». Создаём новое меню, нажав «Меню» и затем «Создать новое меню». Вписываем название, например, «Главное меню», и указываем его как главное (Main).
Добавляем элементы меню: «Главная», «Услуги», «Контакты», «О нас». Порядок элементов меняется перетаскиванием. Для каждой ссылки можно изменить URL, текст ссылки и класс. Нажимаем «Опубликовать».
Настройка внешнего вида сайта
В разделе «Header» (шапка сайта) выбираем стиль меню. Варианты: Minimal, Fullscreen (меню на весь экран), Medium (меню посередине экрана), Transparent (прозрачное меню поверх изображения). Выбираем Transparent.
Убираем границу меню, сняв галочку с Header Border. Настраиваем высоту меню (например, 80px) и цвет фона (например, чёрный с прозрачностью 20%). Настраиваем цвет ссылок (Color), цвет ссылок при наведении (Hover Color) и цвет активной ссылки (Active Color). Например, белый цвет ссылок, красный при наведении и белый для активной ссылки. Убираем поиск из меню. Выбираем стиль выпадающего меню (Dropdown). Настраиваем логотип сайта: загружаем изображение и настраиваем его цвет (например, белый цвет и чёрный при наведении).
В настройках «Главного меню», в разделе «Global», настраиваем стили текста. Выбираем Body для настройки стилей всего текста на сайте. Устанавливаем шрифт (например, «Roboto» из Google Fonts), его характеристики (жирный, курсив, размер), регистр (например, text-transform: uppercase) и межбуквенный интервал (например, 2px).
Настройка главной страницы
На главной странице устанавливаем статическую страницу вместо отображения последних постов. В «Настройках чтения» выбираем «Статическая страница» и указываем нужную страницу.
Добавление контента на страницу
Контент добавляется двумя способами: через редактор страниц WordPress или с помощью плагина Elementor. Рассмотрим старый способ: редактируем страницу, добавляем и форматируем текст. Этот способ менее удобен. Установите плагин Elementor для создания сайтов перетаскиванием элементов (подробное использование — в следующих уроках).