У каждого медиаблока есть вкладка Стилизация. Это дополнительная настройка оформления и вывода контента на странице.
Инструменты стилизации
На всю ширину:
- Нет — вывод текста, картинки, списка и т. п. на основную ширину контента (выставлено по умолчанию)
- Да — вывод контента на всю ширину экрана
Пример:
Фон:
- Цвет фона — выбор цветной подложки под блок с вашим контентом
- Отступы внутри — добавление «воздуха» в блок с контентом
1. Обычные — расстояние по умолчанию
2. Большие — добавляется расстояние между краями блока и контентом (цвет фона остается на ширину блока)
3. Огромные — контент сильно отделен от границ блока, что добавляет «воздушности» тексту (цвет фона остается на ширину блока)
Адаптивность:
Отображение контента на разных видах устройств (с разным разрешением экрана):
- Всегда — медиаблок выводится на всех устройствах (по умолчанию).
- Адаптивно — выбираете, на каких устройствах выводится тот или иной медиаблок.
Например, при добавлении объемной галереи в виде плиток невыгодно, чтобы она отображалась на смартфонах.
Проблема: на смартфонах плиточная галерея ставит одну картинку под другой, и получается длинный столб изображений, который может отпугнуть пользователя.
Решение: на страницу добавляется два блока: блок с галереей-плитками и точно такой же блок, но с галереей-слайдами. В настройках адаптивности галерея-плитками ставится только для экранов компьютерных мониторов, а галерея-слайдами для мобильных телефонов и планшетов.
Итог: на компьютерах люди увидят картинки в ряд, а на смарт-устройствах увидят те же картинки слайдами.
Тонкая настройка:
CSS — каждый блок можно изменить на ваше усмотрение с помощью верстки CSS-кодом.
Для этого нужно знание хотя бы базовых CSS-стилей.
Например, чтобы добавить закругление углов фона или тень блоку (внутреннюю, падающую).