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

Якось днями в твіттері я говорив, що розібрав одну дуже цікаву «фішку» для wordpress блогу. Йшлося про вставці youtube відео в wordpress шаблоні блогу щоб в сайдбарі відображався перелік останніх відео. Перед тим, як перейдемо до справи, можна сказати лише одне зауваження - так, можливо, існує метод реалізації цієї фішки за допомогою якогось плагіна wordpress, але я звик все робити через код :) Отже, поїхали.

Даний варіант реалізації вставки відео складається з декількох етапів.

1. Створюємо пост в блозі, де в текст розміщуємо невеликий опис для відео і сам відео ролик з youtube. Для тих, хто не знає як це зробити, розповідаю - в кожному відеоролику на youtube є кнопка «Інтеграція», при кліці на яку ви отримаєте якийсь html код. Його потрібно буде скопіювати в пост блогу, при цьому переключивши текстовий редактор в режим HTML.

Для створеного поста блогу вибираємо категорію «Відео». До речі, потрібно буде запам'ятати ID цього розділу - трохи пізніше воно нам знадобиться.

2. В налаштуваннях поста під текстом є так звані довільні поля (Custom fields). Там створюєте новий запис з ім'ям video (не змінювати, воно використовується в коді нижче). Як значення вказуєте частина посилання youtube після параметра watch? V. Тобто для посилання http://www.youtube.com/watch?v=gXo2nm2ODF0&feature=player_embedded потрібно вказати тільки gXo2nm2ODF0.

Разом у нас є пости з вставленим відео, які знаходяться в категорії «Відео», а також мають правильно налаштоване довільне поле.

3. А тепер заходимо в HTML шаблон нашого блогу, наприклад, в файл sidebar.php. Там знаходимо місце, де ми б хотіли виводити відео, і додаємо наступний код.

&lt;Div id = "subbar"> <div id = "featured-video"> <div class = "h3title" id = "fv"> Останнє відео </ div> <div class = "padd"&gt; <? Php $ my_query = new WP_Query ( 'cat = 5 & showposts = 2'); while ($ my_query -> have_posts ()): $ my_query -> the_post (); $ Do_not_duplicate = $ post -> ID; ?&gt; <? 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 () ?> "&gt; <? php the_title () ; ?> </a> </ p&gt; <? Php endwhile; ?> </ Div> </ div>

&lt;Div id = "subbar"> <div id = "featured-video"> <div class = "h3title" id = "fv"> Останнє відео </ div> <div class = "padd"&gt; <? Php $ my_query = new WP_Query ( 'cat = 5 & showposts = 2'); while ($ my_query-> have_posts ()): $ my_query-> the_post (); $ Do_not_duplicate = $ post-> ID; ?&gt; <? 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() ?> "&gt; <? php the_title () ; ?> </a> </ p&gt; <? Php endwhile; ?> </ Div> </ div>

Зберігаємо і перевіряємо його працездатність. Звичайно, для цього у вас повинні бути створені пости в категорії «Відео». Ну, а тепер трохи пояснень. У статті про wordpress цикл (loop) я згадував функцію query, яка виводить пости блогу. Так ось, в нашому випадку ми вибираємо всі пости з категорії номер 5 (це у мене розділ «Відео»), причому залишаємо тільки 2 останні записи. Далі в цих постах зчитуємо значення довільного поля video і підставляємо в html код для відображення відео ролика з youtube. У цьому ж код є параметри для висоти і ширини зображення, що виводиться, які потрібно міняти під свій шаблон. Після виведення відео з youtube, відображається також заголовок поста і посилання на нього, щоб користувач міг зайти і почитати статтю цілком.

Ось, в принципі, і все. Сподіваюся, вам сподобалося, я вже додав дану штуку на 3 блогу, виглядає ніби непогано :) До речі, якщо знаєте плагіни які можуть робити це легко і швидко - пишіть в коментарях, також цікаві плагіни для управлінням і організацією відеотеки в блозі.

PS Корисна послуги для оптимізаторів - реєстрація в білих каталогах російськомовний і англомовних.
Блог Кирика - відмінні статті по темі розкрутка сайту , Комплексне просування, контекстна реклама і пошукова оптимізація.