Создадим страницы «О нас», «Услуги» и «Контакты», каждая с уникальным дизайном.
Страница «О нас»
Создаём страницу «О нас». Переходим в редактор (нажав «Редактировать» или «Редактировать с помощью Elementor»). Удаляем лишние блоки. В настройках страницы устанавливаем ширину 100% (full width), отключаем заголовок (title) и обновляем. Снова открываем редактор.
Добавляем секции, используя готовый шаблон (например, about us или шаблон главной страницы). Удаляем лишние блоки, оставляя необходимые.
Изменяем дизайн: заменяем фоновое изображение, добавляем градиентное перекрытие (например, классический чёрный градиент). Для закрепления изображения используем свойство background-attachment: fixed. Увеличиваем блок с картинкой, уменьшаем отступы. Текст оставляем без изменений.
Страница «Услуги»
Создание страницы «Услуги» аналогично созданию страницы «О нас»: редактируем, выбираем шаблон с простым текстом, удаляем лишние блоки.
Настраиваем дизайн для разных устройств (компьютер, планшет, телефон) с помощью иконки выбора устройства. Изменения для мобильных устройств применяются только к ним.
Страница «Контакты»
Создаём страницу «Контакты». Добавляем шаблон и удаляем лишние блоки. Добавляем две колонки: с Google картой и контактной формой.
Для контактной формы устанавливаем и активируем плагин Contact Form 7. В настройках плагина создаём или выбираем форму. Удаляем поле «Тема сообщения», проверяем email-адрес. Копируем шорткод формы.
Вставляем шорткод на страницу «Контакты» в предназначенный блок. Настраиваем высоту карты под высоту формы. Сохраняем изменения.
Созданы страницы «О нас», «Услуги» и «Контакты», каждая с уникальным дизайном и функционалом. Можно использовать одинаковые шаблоны или, как в примере, создавать индивидуальный дизайн. Теперь сайт имеет полноценные страницы с контактной формой и привлекательным дизайном.