Как разместить баннер на сайте

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

Это видео на английском языке.
YouTube предлагает функции автоматического перевода, чтобы вы могли смотреть его на своём языке:

Чтобы включить автоматически переведённые субтитры:

1. Запустите видео.
2. Нажмите значок ⚙️ Настройки (в правом нижнем углу видео).
3. Выберите Субтитры/CC.
4. Нажмите Автоматический перевод.
5. Выберите нужный язык.

Чтобы слушать автоматический дубляж (экспериментальная функция):

1. Нажмите ⚙️ Настройки.
2. Выберите Аудиодорожка.
3. Выберите язык, на котором хотите слушать видео:

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

Разместить на сайте баннер можно при помощи блока «Обложка». Чтобы разместить баннер на странице, в записи или в шаблоне, выполните следующие действия:

1. Откройте консоль сайта.
2. В зависимости от того, куда именно вы хотите добавить баннер, перейдите на страницу, в запись или в шаблон и отредактируйте этот элемент или создайте новый.
   • Страница. Перейдите в раздел меню Страницы.
   • Запись. Перейдите в раздел меню Записи.
   • Шаблон. Перейдите в раздел Внешний вид → Редактор и выберите шаблон.
3. Нажмите значок «+» инструмента вставки блоков и выполните поиск по запросу cover.
   • Или наберите /cover там, где есть надпись «Наберите /, чтобы выбрать блок».

4. Нажмите значок обложки, чтобы вставить блок «Обложка». 

После того как вы добавили блок «Обложка», нужно выбрать медиафайл, который будет в нём отображаться. Можно выбрать один из приведённых далее вариантов.

• Загрузить: нажмите кнопку «Загрузить», чтобы загрузить файл с компьютера.
• Выбрать медиафайл: найдите нужный медиафайл в одном из следующих мест:
  • Библиотека файлов: изображения и видео, загруженные ранее в библиотеку файлов вашего сайта.
  • Телефон: с помощью мобильного приложения Jetpack можно загружать медиафайлы прямо с телефона.
  • Генерировать с помощью ИИ: составьте краткое описание изображения нужного вам типа, и ИИ создаст его.
  • Google Фото: выберите медиафайлы из подключённой учётной записи Google Фото.
  • Pexels: ищите бесплатные изображения в библиотеке Pexels.
  • Openverse: ищите бесплатные изображения в библиотеке Openverse.
• Избранное изображение: избранное изображение страницы или записи будет отображаться, если оно задано. Если вы вставите блок «Обложка» в шаблон и выберете эту опцию, избранное изображение будет автоматически размещаться на любой странице или в любой записи, где применяется этот шаблон.
• Цвет: вместо изображения или видео выберите сплошной цвет баннера.

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

Вот что следует учесть при выборе изображения баннера.

• Лучше всего выбирать декоративные или абстрактные изображения, так как полноразмерные фотографии не всегда видны полностью на мобильных устройствах.
• Текст лучше всего накладывать поверх изображения, а не загружать изображение с текстом. Таким образом текст будет эффективнее масштабироваться в зависимости от размера экрана.
• В блоке «Обложка» изображение применяется как фоновое, и его размер не изменяется в зависимости от размера экрана устройства. Настройка выбора фокусных точек даёт возможность выбрать фрагмент изображения, который станет отображаться на небольших экранах.
  • Если на изображении есть элементы, которые должны быть видны целиком на устройствах любого размера, лучше использовать блок «Изображение», а не «Обложка».

Блок «Обложка» может содержать изображения, видеофайлы или цвета. Чтобы загружать видео в блок «Обложка», необходимо приобрести тарифный план WordPress.com, позволяющий загрузку видео. Загрузка видео предусмотрена условиями тарифных планов Premium и более высокого уровня. Пользуясь тарифным планом, предусматривающим загрузку видео, вы сможете выбирать видео в качестве медиафайлов баннера.

Блок «Обложка» имеет скорее декоративный, а не функциональный характер, поэтому в нём не воспроизводится звук видеофайла. Чтобы видео воспроизводилось со звуком, лучше использовать блок VideoPress.

После добавления блока «Обложка» можно в любой момент заменить медиафайл. Чтобы заменить или удалить медиафайл баннера, выполните следующие действия:

1. Откройте консоль сайта.
2. Откройте страницу, запись или шаблон, где размещается баннер.
3. Выберите Представление в виде списка в верхнем левом углу редактора.
4. Нажмите блок «Обложка» в представлении в виде списка.

5. На панели инструментов блока нажмите кнопку Заменить, чтобы выбрать новое изображение или видео.

Выбрать новый медиафайл можно одним из следующих способов:

• Открыть библиотеку файлов: выберите изображение или видео из библиотеки файлов или из других источников, например Google Фото, Pexels или Openverse.
• Загрузить: выберите новое изображение или видео на устройстве.
• Избранное изображение: используйте избранное изображение страницы или записи.
• Сброс: можно очистить баннер, где отображается сплошной цвет.