🔷 Блок: Media & Text
📌 Что это
Media & Text — это блок Gutenberg, который ставит рядом:
изображение или видео + текстовый блок
То есть слева может быть картинка, справа текст.
Или наоборот: слева текст, справа картинка.
⚙️ Функции
Блок позволяет:
- добавить изображение;
- добавить видео;
- выбрать медиафайл из Media Library;
- загрузить файл с компьютера;
- написать текст рядом с изображением;
- поменять стороны местами:
- медиа слева / текст справа;
- текст слева / медиа справа;
- настроить ширину медиа-части;
- добавить внутрь текстовой части:
- Heading;
- Paragraph;
- Button;
- List;
- другие блоки;
- включить адаптацию для мобильных устройств.
🎯 Зачем нужен
Чтобы красиво совместить визуал и объяснение.
Например:
- фото услуги + описание услуги;
- картинка товара + текст о товаре;
- портрет человека + биография;
- иллюстрация + пояснение;
- видео + описание;
- рекламный блок с кнопкой.
📍 Где используется чаще всего
- страницы услуг;
- главная страница;
- лендинги;
- страницы “О нас”;
- блоки преимуществ;
- карточки продуктов;
- портфолио;
- презентация команды;
- обучающие страницы.
⚠️ Важно
Media & Text удобен, когда картинка и текст должны быть связаны между собой.
Например:
слева фото стоматолога — справа текст о враче
Это лучше, чем просто поставить Image, а потом Paragraph ниже, потому что блок сразу держит их как единую композицию.
⚠️ Мобильная версия
На телефоне такой блок обычно перестраивается в колонку:
картинка сверху — текст снизу
или наоборот.
Поэтому важно проверять, как блок выглядит на мобильном экране.
🧠 Простыми словами
Media & Text — это готовый блок “картинка + текст рядом”.
Он нужен, когда визуал и описание должны работать вместе как один аккуратный блок.