Как поставить главную страницу и правильно настроить шапку и подвал

«Страницы созданы, а при заходе на сайт — что-то не то…»

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

И ещё шапка с подвалом: как их настроить, чтобы телефон был виден, а меню работало?

Давайте разберёмся по порядку.

Шаг 1. Установка главной страницы

По умолчанию WordPress показывает на главной странице последние записи (блог). Но для бизнес-сайта нужно показывать статическую страницу.

Как настроить:

1. «Настройки» → «Чтение»
2. В разделе «На главной странице отображать» выберите «Статическую страницу»
3. В поле «Главная страница» выберите страницу, которую вы создали как главную (например, «Главная»)
4. В поле «Страница записей» можно оставить пустым или выбрать страницу для блога
5. Нажмите «Сохранить изменения»

Теперь при переходе на ваш домен будет открываться выбранная главная страница.

Шаг 2. Настройка шапки через Astra

Шапка — это первое, что видит посетитель. Она должна быть понятной и информативной.

Как настроить шапку в Astra:

1. «Внешний вид» → «Настроить»
2. В кастомайзере найдите раздел «Header Builder» (или «Шапка»)
3. Вы увидите конструктор шапки, разделённый на три зоны: левая, центральная, правая

Что добавить в шапку:

Как добавить элементы:

1. Нажмите на «+» в нужной зоне
2. Выберите элемент: логотип, меню, HTML-блок, соцсети, кнопка
3. Настройте внешний вид: цвета, шрифты, размеры

Совет: Для телефона в HTML-блоке используйте ссылку tel:+79991234567. На мобильных устройствах она откроет набор номера.

Шаг 3. Настройка подвала (футера)

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

Как настроить подвал в Astra:

1. В кастомайзере найдите раздел «Footer Builder» (или «Подвал»)
2. Как и в шапке, здесь есть зоны для добавления элементов

Что разместить в подвале:

Дополнительно: в подвале можно разместить email, телефон, политику конфиденциальности (ссылка).

Шаг 4. Настройка стилей (цвета, шрифты, отступы)

Чтобы шапка и подвал выглядели гармонично:

1. В кастомайзере найдите раздел «Глобальные настройки» (или «Дизайн»)
2. Настройте:
   • Цвет фона шапки и подвала (часто делают белый или тёмный)
   • Цвет текста и ссылок (чтобы было контрастно)
   • Высоту шапки и подвала (не слишком большие, не слишком маленькие)
   • Отступы (чтобы не прилипали к краям экрана)

Совет: для солидного бизнес-сайта используйте светлый фон (белый, молочный) с акцентным зелёным цветом (как на вашем сайте). Текст — чёрный или тёмно-серый.

Шаг 5. Создание главной страницы через Elementor

Теперь создадим саму главную страницу — лицо вашего бизнеса.

Что добавить на главную:

Шаг 6. Проверка на мобильных устройствах

Половина клиентов заходит с телефона. Поэтому обязательно проверьте, как выглядит шапка, подвал и главная страница на мобильном:

1. Откройте сайт на телефоне или сделайте окно браузера уже
2. Проверьте:
   • Меню открывается и работает
   • Телефон кликабельный
   • Текст читаемый
   • Кнопки не слишком маленькие

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

Что в итоге?

Что дальше?

👉 Читайте дальше: Базовое SEO для владельца сайта: заголовки, описания, alt-теги

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

P.S. Если не уверены в дизайне главной — посмотрите на сайты конкурентов и сделайте не хуже. Или напишите в MAX — я подскажу.