В теме Astra версии 1.3.0 и выше представлена возможность добавлять фоновые изображения в различные разделы сайта.
С помощью этой опции на вашем веб-сайте вы можете контролировать дизайн body-контейнера, хедера, контент-контейнера, боковой панели (сайдбара) и футера. В дополнение к вариантам стандартных цветовых решений для фона вы можете использовать вариант фонового изображения, а так же вариант цветового градиента.
Где я могу найти эти настройки?
На панели управления WordPress перейдите в Кастомайзер (Внешний вид> Настроить) и далее, в различных разделах вы найдете настройки для использования фоновых изображений.
В каких разделах я могу добавить фоновое изображение в теме Astra?
В теме Astra с Pro дополнением вы можете добавить фоновое изображение в следующих разделах:
- Body (Общие > Цвета > Site Background | Content Background)
- Сайдбар (Сайдбар > DESIGN > Фон)
- Конструктор Хедера (Above Header | Основная шапка | Below Header | Боковое меню | Основное меню > DESIGN > Фон)
- Конструктор Футера (Конструктор Футера > DESIGN > Background Color & Image а так же Above Footer | Primary Footer | Below Footer > DESIGN > Фон)
В базовом функционале темы Astra, установка фонового изображения доступно для модулей:
- Body
- Primary Footer
- Above Footer
Примечание
Параметр «Фон» может быть доступен только в том случае, если в Astra Pro включен модуль «Цвета и фон»
Настройки фонового изображения
Параметр «Фоновое изображение» позволяет выбрать изображение из Медиатеки или загрузить новый файл. После загрузки изображения нажмите на ссылку «More Settings». Теперь вы можете установить следующие свойства CSS для изображения:
- Repeat
- Background Image Position
- Background Size
- Background Attachment
Вы можете настроить наложение цвета фона с помощью палитры цветов. Красивый прозрачный цветной слой перед изображением улучшит дизайн фонового изображения и даст вам больше возможностей.
Важное замечание
После добавления фонового изображения обязательно отрегулируйте непрозрачность цвета фона с помощью палитры цветов.
Фон, примененный к body-контейнеру, не будет виден для макета «Полная ширина / Растянутый — Контейнер», так как в этом макете ширина контент-контейнера полностью растянута.
