🔷 Блок: Cover / Обложка

📌 Что это

Cover — это блок Gutenberg для создания большого визуального блока с фоном.

Фоном может быть:

• изображение;
• видео;
• цвет;
• градиент.

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

⚙️ Функции

Блок позволяет:

• загрузить фоновое изображение;
• выбрать изображение из Media Library;
• использовать видео как фон;
• добавить текст поверх фона;
• добавить кнопку поверх фона;
• настроить затемнение фона;
• изменить цвет overlay / наложения;
• настроить высоту блока;
• выровнять контент:
  • по центру;
  • сверху;
  • снизу;
  • слева;
  • справа;
• включить фиксированный фон, если тема поддерживает;
• задать full width / wide width, если тема разрешает.

---

🎯 Зачем нужен

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

Например:

• первый экран сайта;
• hero-блок;
• баннер;
• промо-блок;
• заголовок раздела;
• визуальное вступление к статье;
• блок с призывом к действию.

---

📍 Где используется чаще всего

• главная страница;
• лендинги;
• промо-страницы;
• страницы услуг;
• шапки разделов;
• страницы портфолио;
• рекламные блоки;
• блоки “О нас”.

---

⚠️ Важно

Cover — это не просто картинка.

Главная идея Cover:

фон + контент поверх него

Например:

• фоновое фото;
• сверху заголовок;
• под ним короткий текст;
• ниже кнопка.

---

⚠️ Очень важный момент

Если на фоне есть текст, нужно следить за читаемостью.

Для этого часто используют:

• затемнение фона;
• цветной overlay;
• размытие;
• контрастный текст;
• простую фотографию без лишних деталей.

Плохой вариант: пёстрое фото и мелкий белый текст поверх него.

---

🧠 Простыми словами

Image — просто картинка.
Gallery — несколько картинок.
Cover — картинка или видео как фон, а поверх неё текст и другие элементы.

То есть Cover нужен не просто “показать изображение”, а сделать красивый визуальный блок.