Шорткод для вставки миниатюры видео из YouTube

Шорткод для вставки миниатюры видео из YouTube | n-wp.ru Настройки
👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Я уже писал о шорткоде, с помощью которого можно вставлять видео из YouTube, а так же об аналогичном плагине YouTube White Label Shortcode. Однако не всем нужно вставлять именно видео, иногда требуется вставить миниатюру. Сервис YouTube для каждого видео ролика создает несколько миниатюр, одну большую, и три маленькие. Эти изображения можно использовать для вывода в блоге, создав шорткод для их вывода. Например, у меня получилось вот так:

Шорткод для вставки миниатюры видео из YouTube

Для создания шорткода откройте файл functions.php, и добавьте в него следующий код:

function wp_youtube_video_thumbnail($atts) {
     extract(shortcode_atts(array(
          'id' => '',
          'img' => '2',
          'artist' => '',
          'title' => ''
     ), $atts));
    
    return '';
}
add_shortcode('yt', 'wp_youtube_video_thumbnail');

Параметры шорткода yt:

  • id — это ID ролика в YouTube. Обязательный параметр.
  • artist — артист, режиссер, автор, или любой другой идентификатор принадлежности. Необходим для создания alt изображения и title ссылки. Необязательный параметр.
  • title — название ролика. Необходим для создания alt изображения и title ссылки. Необязательный параметр.
  • img — размер и вид миниатюры. Необязательный параметр.

Использовать шорткод можно так:

[yt id="Qa7CKvnSwgE"]

А можно добавить и параметры:

[yt id="Qa7CKvnSwgE" artist="Иван Охлобыстин" title="Доктрина 77" img="0"]

По умолчанию, если вы не вставите параметр img в шорткод, будет отображена миниатюра 120 × 90. YouTube создает и хранит три вида миниатюр:

  • Если в шорткоде указать img=»2″, то будет показана картинка с кадром из середины клипа, размером 120 × 90.
  • Если указать img=»1″, то будет показана картинка с кадром, взятым ближе к началу, размером 120 × 90.
  • Если указать img=»0″, то будет показана картинка с таким же кадром, как и в первом случае, только размер будет 480 × 360.

Шорткод выводит миниатюру виде ролика из YouTube, которая служит одновременно и ссылкой на этот ролик. Пользуйтесь с умом!

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

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

  1. Mr Sayks

    Здравствуйте, подскажите пожалуйста как сделать рамку вокруг миниатюры как у вас на скриншоте?

    Ответить
  2. Артем

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

    Ответить
    1. В YouTube ссылка на видео выглядит так: http://www.youtube.com/watch?v=hrmuh4NGeoo
      где hrmuh4NGeoo — это ID ролика.

      Ответить
    2. Произвольные поля может использовать только автор, а шорткоды можно использовать как в постах, так и в комментариях.

      Ответить
      1. Артем

        Спасибо, связкой из двух плагинов решил ситуацию.

        Ответить