Краткое описание
Шорткод “Promo” создает блок с картинкой и текстом, которые располагаются рядом друг с другом. В параметрах шорткода можно выбирать их взаимное расположение (картинка слева – текст справа и наоборот), а также размер картинки (в процентах от общего размера блока). Если картинка не выбрана – выводится только текстовый блок.
Картинка может “накрывать” отведенную для нее область или “вписываться” в нее по большей стороне. Это регулируется флажком “Cover image”
Шорткод имеет множество параметров, которые позволяют довольно гибко настраивать его внешний вид. Рассмотрим основные параметры и соответствующие им виды вывода:
Promo
Это пример шорткода "Promo" с параметрами по умолчанию. В настройках ничего не менялось.
Обратите внимание! Текст описания задан в параметре "Description", который поддерживает оформление с помощью тэгов и разрыв строки с помощью клавиши "Enter"
Promo
Это кастомный контент (текстовый блок и изображение).
Также в этом примере область под изображение уменьшена до 40%, применена цветовая схема "Dark" и выбраны четыре изображения для демонстрации с помощью слайдера
Promo
А это пример того, как текст контента или описания шорткода может "наезжать" на картинку. Параметры "наезда" задаются на вкладке "Dimesions" в поле "Margins" с помощью отрицательных значений.
Также в блок добавлено видео, которое может воспроизводиться поверх картинки или в отдельном окне (если указан параметр "Popup")
Promo
Стиль отображения "Modern" отличается от основного тем, что у него немного правее сдвинуты описание и кнопка по отношению к заголовку, а также добавлена вторая кнопка, которая выводится сбоку картинки и тоже является ссылкой. Для того, чтобы разделить текст на второй кнопке используется знак "|" (вертикальная черта)
Стиль отображения "Blockquote" выводит текст описания в виде цитаты. Стили оформления совпадают с оформлением тэга "blockquote"
Promo
А этот пример сделан с помощью строки, которая растянута во всю ширину экрана. А в самом шорткоде "Promo" указано растягивание во всю высоту экрана.
При этом для текста применен стиль оформления inline-блоков "Big font", который увеличивает размер шрифта выделенного текста на 20%.