Вставка Youtube видео в wordpress шаблон

video3.jpgВидео может придать сайту жизни и яркости, но встроить его в сайт бывает зачастую не просто. В этом деле нам может помочь всем извесный видеохостинг (видеосервис) YouTube.

В этой статье я опишу один из вариантов того как можно с помощью дополнительных полей WordPress вывести в боковой колоннке не только список последних записей или случайную запись, а настроить вывод последних опубликованных на сайте видеороликов или выводить случайное видео. Перед тем, как перейдем к делу, можно сказать лишь одно замечание — да, возможно, существует метод реализации этой фишки с помощью какого-то плагина wordpress, но я привык все делать через код:) Итак, поехали.

Данный вариант реализации вставки видео состоит из нескольких этапов.

1. Создаем отдельную категорию «Видео» и пост в блоге, где в текст размещаем небольшое описание для видео и сам видео ролик с youtube. Для тех, кто не знает как это сделать, рассказываю — в каждом видеоролике на youtube есть кнопка «Встроить», при клике на которую вы получите некий html код. Его нужно будет скопировать в пост блога, при этом переключив текстовый редактор в режим HTML.

video1.jpg

Для созданного поста блога выбираем категорию «Видео». Кстати, нужно будет запомнить ID этого раздела — чуть позже оно нам пригодится.

2. В настройках поста под текстом есть так называемые произвольные поля (custom fields). Там создаете новую запись с именем video (не менять, оно используется в коде ниже). В качестве значения указываете часть ссылки youtube после параметра watch?v. То есть для ссылки h++p://www.youtube.com/watch?v=gXo2nm2ODF0&feature=player_embedded нужно указать только gXo2nm2ODF0.

video2.jpg

Итого у нас есть посты с вставленным видео, которые находятся в категории «Видео», а также имеют правильно настроенное произвольное поле.

3. А теперь заходим в HTML шаблон нашего блога, например, в файл sidebar.php. Там находим место, где мы бы хотели выводить видео, и добавляем следующий код.

<div id="subbar">
<div id="featured-video">
<div class="h3title" id="fv">Последнее видео</div>
<div class="padd">
<?php $my_query = new WP_Query('cat=5&showposts=2');
while ($my_query->have_posts()) : $my_query->the_post(); $do_not_duplicate = $post->ID; ?>
<?php $fvideo = get_post_meta($post->ID, 'video', true); ?>
<object data="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" type="application/x-shockwave-flash" width="330" height="205"><param name="movie" value="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" /><param name="wmode" value="transparent" /></object>
<p style="text-align: center; margin: 3px 0px 7px 0px;"><a href="<?php the_permalink() ?>" ><?php the_title(); ?></a></p>
<?php endwhile; ?>
</div>
</div>

Сохраняем и проверяем его работоспособность. Конечно, для этого у вас должны быть созданы посты в категории «Видео». Ну, а теперь немного пояснений. Ранее в статьях про wordpress, я упоминал функцию query_post, которая выводит посты блога. Так вот, в нашем случае мы выбираем все посты из категории номер 5 (это у меня раздел «Видео»), причем оставляем только 2 последние записи. Далее в этих постах считываем значение произвольного поля video и подставляем в html код для отображения видео ролика с youtube. В этом же код есть параметры для высоты и ширины выводимого изображения, которые нужно менять под свой шаблон. После вывода видео с youtube, отображается также заголовок поста и ссылка на него, дабы пользователь мог зайти и почитать статью целиком.

Вот, в принципе, и все. Надеюсь, вам понравилось, я уже добавил данную штуку на 3 блога, выглядит вроде неплохо:) Кстати, если знаете плагины которые могут делать это легко и быстро — пишите в комментариях, также интересны плагины для управлением и организацией видеотеки в блоге.

В заключение еще хотелось бы добавить. Что есть по большому счету два пути интеграции видео:

  1. Можно в каждую статью прописывать код видео и через дополнительные поля выводить это видео в сайдбаре (боковой колоннке) как описано в этой статье.
  2. Или можно сделать отдельный шаблон для категории записей с видео и публиковать видеоролики исключительно через произвольные поля, что даст нам на порядок больше возможности для маневров. Зачем прописывать каждый раз в статье код видео если можно вставив идентификационный номер в произвольное поле в самой статье писать только описание видео, а выводить его уже с помощью отдельного шаблона…?

h++p://wordpressinside.ru/tips/vstavka-youtube-video/

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*


6 + девять =