Стилизация и форматирование контента

25 июля 2023

Категории
Категории
Администратор
  • 2 мин
  • 133

У каждого медиаблока есть вкладка Стилизация. Это дополнительная настройка оформления и вывода контента на странице.

Инструменты стилизации

На всю ширину:

  • Нет — вывод текста, картинки, списка и т. п. на основную ширину контента (выставлено по умолчанию)
  • Да — вывод контента на всю ширину экрана

Пример:

Картинка в ширину контента
Картинка в ширину контента

Галерея (слайдер) в ширину контента, на цветной подложке

Выбор фона под контент
Выбор фона под контент

Фон:

  • Цвет фона — выбор цветной подложки под блок с вашим контентом
  • Отступы внутри — добавление «воздуха» в блок с контентом
Выбор экранов для адаптивного отображения контента
Выбор экранов для адаптивного отображения контента

 

Адаптивность:

Отображение контента на разных видах устройств (с разным разрешением экрана):

  • Всегда — медиаблок выводится на всех устройствах (по умолчанию).
  • Адаптивно — выбираете, на каких устройствах выводится тот или иной медиаблок.

Например, при добавлении объемной галереи в виде плиток невыгодно, чтобы она отображалась на смартфонах.

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

Решение: на страницу добавляется два блока: блок с галереей-плитками и точно такой же блок, но с галереей-слайдами. В настройках адаптивности галерея-плитками ставится только для экранов компьютерных мониторов, а галерея-слайдами для мобильных телефонов и планшетов.

Итог: на компьютерах люди увидят картинки в ряд, а на смарт-устройствах увидят те же картинки слайдами.

Тонкая настройка:

CSS — каждый блок можно изменить на ваше усмотрение с помощью верстки CSS-кодом.