Статья с картинкой

В этой инструкции мы покажем, как создать блок «Статья с картинкой справа» для десктопа, который адаптируется под мобильные устройства, отображая картинку сверху текста. Это позволит добиться наилучшего визуального восприятия на любом экране.

И, конечно же, поделимся как создать блок быстро с помощью готовых шаблонов!

Шаг 1: Добавляем блок

•  Найдите в редакторе кнопку «Блоки — Пустые блоки».

•  Выберите блок с двумя колонками. Он послужит основой для нашей статьи.

Шаг 2: Добавляем элементы в колонки (важно!)

•  Левая колонка: Добавьте элемент «Картинка».

•  Правая колонка: Добавьте элемент «Заголовок», «Текст» или «Кнопку».

Шаг 3: Активируем изменение порядка отображения в десктопной версии

•  Кликните на блок с двумя колонками, чтобы открыть его настройки.

•  Перейдите в настройки структуры блока (на боковой панели).

•  Найдите пункт «Изменить порядок в десктопе» и активируйте эту опцию.

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

Шаг 4: Заполняем ячейки контентом

•  Загрузите изображение статьи. Настройте размер картинки, выравнивание и отступы.

•  Введите текст статьи. Настройте шрифт, размер, цвет текста.

•  Также настройте отступы между колонками, если это необходимо.

P.S. Персонализируйте внешний вид блока, добавив скругленные углы. В настройках блока, расположенных на боковой панели, вы найдете параметр «Скругление», позволяющий настроить степень закругления углов.

Готово!

Теперь ваши статьи будут выглядеть идеально на всех устройствах!

Быстро создаем стильную статью в рассылке с помощью готовых блоков!

Для удобного и быстрого создания статей для рассылки воспользуйтесь готовыми блоками.

Перейдите в раздел «Блоки — Общие блоки» и подраздел «Статьи».

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