🔷 Блок: Embed / Встраивание
📌 Что это
Embed — это блок Gutenberg для вставки контента с другого сайта по ссылке.
Например:
YouTube-видео;
Vimeo-видео;
пост из соцсети;
карта;
аудио;
презентация;
документ;
внешний интерактивный элемент, если сайт поддерживает встраивание.
Простыми словами:
Embed = вставить внешний контент на страницу WordPress.
Когда ты используешь Embed, ты обычно не загружаешь файл на свой сайт, а вставляешь ссылку на контент, который лежит на другом сайте. WordPress создаёт подключение к этому внешнему контенту и показывает его внутри страницы.
⚙️ Функции
Блок позволяет:
вставить внешний контент по URL;
показать видео, пост, карту или другой внешний элемент;
не загружать тяжёлый файл на свой хостинг;
редактировать URL после вставки;
преобразовывать Embed в Paragraph, Columns или Group;
использовать wide width / full width, если тема поддерживает;
включать адаптивное отображение на мобильных устройствах;
добавлять CSS-класс в Advanced.
🎯 Зачем нужен
Чтобы показать на сайте внешний контент без ручной загрузки файлов.
Например:
вставить YouTube-видео;
показать Vimeo-ролик;
добавить внешний пост;
вставить карту;
показать внешний плеер;
подключить материал с другой платформы.
Это удобно, потому что контент физически остаётся на внешнем сервисе, а WordPress просто показывает его на твоей странице.
📍 Где используется чаще всего
блог;
новости;
лендинги;
страницы услуг;
обучающие страницы;
портфолио;
страницы с видео;
медиа-раздел;
инструкции;
обзоры;
документация.
⚠️ Важно
Embed отличается от Video.
Video — для видеофайла, который ты загружаешь на сайт или вставляешь прямой URL к видеофайлу.
MP4-файл → Video
Embed — для внешнего видео или контента с другой платформы.
YouTube-ссылка → Embed / YouTube block
То есть:
Video = файл на сайте
Embed = внешний контент по ссылке
⚠️ Embed или Custom HTML
Они похожи, но используются по-разному.
Embed — когда достаточно вставить обычную ссылку.
https://youtube.com/...
Custom HTML — когда тебе дали HTML-код, например iframe.
<iframe src="https://example.com/app"></iframe>
Простыми словами:
Embed = вставка по URL
Custom HTML = вставка HTML-кода
Для YouTube обычно проще использовать Embed или отдельный YouTube-блок.
Для AI или игры чаще может понадобиться Custom HTML, если будем вставлять приложение через iframe.
⚠️ Embed зависит от внешнего сайта
Если внешний сайт удалит контент, закроет доступ или изменит правила встраивания, Embed может перестать работать.
Например:
видео удалили;
пост стал приватным;
сервис запретил embed;
ссылка изменилась;
внешний сайт временно не работает.
То есть Embed зависит не только от твоего WordPress, но и от внешнего источника.
⚠️ Мобильная адаптация
У Embed есть настройка, связанная с отображением на маленьких экранах. Она помогает сохранять пропорции встроенного контента при изменении размера браузера. Обычно эту настройку лучше оставлять включённой.
⚠️ Тема может влиять
Тема может влиять на:
ширину Embed;
отступы;
выравнивание;
wide/full width;
адаптивность;
обрамление блока;
поведение на мобильной версии.
Если Embed выглядит в редакторе и на сайте немного по-разному, это часто связано со стилями темы.
🧠 Простыми словами
Embed — это блок для вставки внешнего контента по ссылке.
Если контент лежит на другом сайте и WordPress может его встроить — используешь Embed.
Если у тебя есть готовый HTML/iframe-код — чаще используешь Custom HTML.
