Как добавить миниатюры видео в WordPress

Хотите ли вы использовать видео для миниатюр в WordPress?? Заменив главное изображение поста или продукта на главное видео, вы сможете сделать свой сайт...

Хотите ли вы использовать видео для миниатюр в WordPress??

Заменив главное изображение поста или продукта на главное видео, вы сможете сделать свой сайт более ярким и динамичным. Посетители могут просматривать эти видео практически из любого места, включая архивы вашего блога, домашнюю страницу и страницы товаров WooCommerce.

В этой статье мы расскажем вам, как добавить эскизы видео в WordPress.

Зачем добавлять миниатюры видео в WordPress?

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

Это основные изображения, и они часто появляются в верхней части страницы и других областях вашего сайта, таких как страницы архива вашего сайта. Поисковые системы и сайты социальных сетей могут также отображать главное изображение страницы.

Хорошая главная картинка может привлечь много пользователей. Однако вы можете получить больше кликов, просмотров страниц и даже продаж, используя вместо этого миниатюру видео.

Вставка видео вместо миниатюры WordPress

Если вы создали интернет-магазин, то показ видео в верхней части страницы товара — отличный способ вызвать у покупателей желание прокрутить страницу и узнать о товаре больше.

Пример миниатюры видеоролика

С учетом сказанного, давайте посмотрим, как можно добавить эскизы видео в WordPress.

Как добавить миниатюры видео в WordPress

Самый простой способ использовать видео в качестве миниатюр — это использовать Really Simple Featured Video. Этот плагин позволяет вставлять видео с популярных сайтов видеохостинга, таких как YouTube или Vimeo, и использовать их в качестве эскизов видео.

Он также отлично работает с WooCommerce и будет показывать видео в верхней части страницы продукта.

Однако имейте в виду, что WooCommerce будет показывать главное видео только на странице товара. Эскиз главного изображения будет по-прежнему использоваться в других местах, включая страницу вашего магазина WooCommerce.

Во-первых, вам нужно будет установить и активировать плагин. Если вам нужна помощь, ознакомьтесь с нашим руководством по установке плагина WordPress.

После активации необходимо настроить несколько параметров. Чтобы начать работу, перейдите на страницу Настройки » Really Simple Featured Video.

Простые настройки Featured Video

На этом экране вы можете выбрать, хотите ли вы добавить миниатюры видео на страницы, посты или продукты WooCommerce.

Для этого просто нажмите на переключатели ‘Posts’, ‘Pages’ или ‘Products’, чтобы перевести их из серого (отключено) в фиолетовый (активно). На следующем изображении мы включили функцию видео для продуктов, постов и страниц.

Включение эскизов видео для постов, страниц и продуктов

После этого нажмите на кнопку «Сохранить изменения».

Затем перейдите на вкладку «Элементы управления». Здесь вы найдете раздел ‘Self-hosted videos’, где вы можете настроить параметры для видео в вашей медиатеке WordPress.

Изменение настроек миниатюры избранного видео

Хотя плагин поддерживает видео с собственного хостинга, это может занимать много места в хранилище и занимать большую пропускную способность, поэтому мы не рекомендуем это делать. Чтобы узнать больше, проверьте, почему вы никогда не должны загружать видео на WordPress.

Вместо этого перейдите к разделу «Встраивание видео». Здесь вы найдете настройки для любых видео, которые вы вставляете со сторонних видеоплатформ, таких как YouTube.

Когда вы вставляете видео с YouTube или Vimeo, Really Simple Featured Video будет показывать элементы управления воспроизведением для этой платформы.

Например, если вы вставляете видео с YouTube, то посетители получат доступ к специфическим функциям воспроизведения YouTube.

Однако в разделе ‘Embed videos’ есть переключатель ‘Autoplay’, который вы можете включить.

Включение автовоспроизведения для миниатюрных изображений WordPress

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

Вы также можете настроить воспроизведение эскизов видео по кругу.

Зацикливание видео может раздражать многих посетителей, особенно если видео короткое и со звуком. Активировать переключатель «Loop» стоит только в том случае, если повторное воспроизведение видео улучшает впечатления посетителей. Например, вы можете создать видео, показывающее 360-градусный обзор продукта, а затем установить этот ролик на цикл.

Встраивание видео

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

Добавление миниатюр видео в сообщения, страницы и продукты WooCommerce

После того, как вы настроили, как плагин будет показывать встроенные видео, вы готовы добавить миниатюры видео на ваш сайт WordPress.

Чтобы сделать это, просто откройте пост, страницу или продукт WooCommerce, где вы хотите добавить миниатюру видео.

Если вы добавляете видео на страницу или в пост, то в правом меню под разделом «Обсуждение» вы найдете раздел «Видеоролики».

Добавление тематического видео в пост WordPress

Хотите добавить тематическое видео к товару WooCommerce??

Затем вы найдете раздел ‘Featured Video’ под разделом ‘Product gallery’.

Настройки Featured Video на экране продукта

Чтобы использовать видео с сайта видеохостинга, просто нажмите на ‘Embed.’

В новом поле вам нужно будет вставить URL-адрес видео, которое вы хотите вставить.

Добавление миниатюры видео в редакторе постов WordPress

Просто убедитесь, что вы добавили URL-адрес видео в правильном формате. В правом меню вы увидите примеры для YouTube, Vimeo и Dailymotion.

Для YouTube плагин дает нам следующий пример URL: https://www.youtube.com/embed/vbLgiRQ0Moo

Это означает, что вам нужно использовать https://www.youtube.com/embed/ в качестве первой части вашего URL, а затем добавьте ID видео, которое вы хотите вставить.

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

Идентификатор видео — это значение, которое идет после v=. На следующем изображении видно, что идентификатор видео — DvbFBxKcORA .

YouTube-канал WPBeginner

После добавления идентификатора видео в первую часть URL мы получим следующее: https://www.youtube.com/embed/DvbFBxKcORA

Теперь вы можете вернуться на вкладку с редактором блоков WordPress и просто вставить URL в поле ‘Embed’. Это добавит миниатюру видео в пост, после чего вы можете нажать на кнопку «Обновить» или «Опубликовать».

Теперь вы можете добавить эскизы видео в другие посты, страницы и продукты WooCommerce, следуя вышеописанному процессу.

На архиве вашего блога или аналогичной странице вы увидите, что WordPress теперь использует видео в качестве миниатюры для ваших сообщений и страниц.

Если вы откроете любую страницу, пост или продукт WooCommerce, то увидите, что видео также появится в верхней части страницы, как и изображение.

Пример видеоролика, отображаемого в WooCommerce

Мы надеемся, что эта статья помогла вам узнать, как добавить миниатюры видео в WordPress. Вы также можете ознакомиться с нашим руководством о лучших плагинах видеогалереи YouTube для WordPress и о том, как вставить видео из Facebook (признана экстремистской организацией на территории РФ).

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий