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

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

Приветствую вас на сайте Impuls-Web!

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

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


Если вы хотите вставить видео с YouTube или Vimeo на сайт WordPress, то вам достаточно просто скопировать ссылку на него и вставить ее где-нибудь в тексте статьи. WordPress автоматически добавляет это видео на страницу.

Более подробно о вставке видео с YouTube я рассказывала в этой статье: «Быстрая вставка видео YouTube на сайт»

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

Для того, чтобы установить видео именно в качестве миниатюры нам понадобится установить один дополнительный плагин, который называется Featured Video Plus

Копируем его название и, как обычно переходим в админку WordPress в раздел «Плагины»«Добавить новый». Вставляем название в строку поиска, а затем нажимаем на кнопку «Установить» и «Активировать».

Установка Featured Video Plus

После установки данного плагина, если мы перейдем на страницу редактирования записей, то увидим, что у нас на панели справа появилось вот такое окошко:

Задать миниатюру статьи

В это окошко мы можем вставить ссылку на наш видеоролик.

После вставки ссылки и обновления страницы видео автоматически устанавливается в качестве миниатюры. Для того, чтобы его удалить достаточно просто удалить ссылку.

Так же мы можем не только добавлять ссылки на уже выгруженное в интернет видео, но и воспользоваться библиотекой медиафайлов WordPress. Для этого кликаем по иконке на панели добавления миниатюры:

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

Выбираем нужный файл у себя на компьютере и нажимаем на кнопку «Set Featured Video» в нижнем правом углу, а затем обновляем страницу.

Мне, честно говоря, не очень нравиться этот вариант с загрузкой видео на сайт через библиотеку WordPress. Лучше выгружать их на отдельный YouTube-канал. Потому как, во-первых, таким образом, вы немного снимаете нагрузку со своего хостинга.

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

Обновляем страницу и в итоге у нас в качестве миниатюры устанавливается наше добавленное видео:

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

Его мы можем посмотреть его как на станице категории, так и перейти на страницу записей и посмотреть его уже там.

Что делать если видео не добавляется как миниатюра?

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

Шорткодж желательно вставлять через вкладку «Текст», и затем нам нужно будет обновить страницу.

Шорткод мы используем в том случае, если вы задаете в админке видео, а на странице записи и странице категории оно у вас не выводится.



Вот такой интересный плагин для WordPress. Думаю, что он вам пригодится. Буду очень рада видеть ваши комментарии.

А на этом у меня все. Подписывайтесь на мою рассылку и делитесь статьей в социальных сетях.

До встречи в следующих статьях!

С уважением Юлия Гусарь

Читайте также:

Подписаться на рассылку

11 комментариев

  1. Такая опция нужна бывает. Но вот, из-за одного-двух постов ставить плагин нет желания. Если видео часто публикуется, то другое дело.

    • Ольга, и Вам спасибо!

  2. Здравствуйте. У меня такая ситуация:

    Загружаю ролик со своего компа. На сайте он работает нормально. Но в библиотеке, куда скачиваю, у него нет картинки.

    А мне этот момент оч. важен. Как быть, подскажите, плз?

  3. А что делать если плагин этот устарел и не работает, есть ли альтернативы такие же но лучше? У меня проблема когда добавляю видео он добавляет большие черные края по верху и внизу к картинке когда вырезает из видео. Почему так происходит? Возможно ли это как-то исправить?

    • Здравствуйте, Александр! Пока альтернативы ему не встречала. Если попадется, сделаю по нему статью! По поводу черных краев не видя сайта трудно сказать с чем это может быть связано. Можно потестировать с другой темой. Если и там так же то проблема в самом плагине.

  4. Здравствуйте. С youtube-ссылками всё нормально работает, но вот если facebook-ссылка на видео, то видео в миниатюре нету. В чём может быть проблема?

    • Плагин рассчитан в первую очередь на работу через YouTube, поэтому если с из других источников он что-то некорректно отображает, то тут, наверное, ничего не поделать :(

  5. Юлия, огроооомное спасибо. То что я искал. Вы мне очень помогли

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
//impuls-web.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif