Як вставити відео на wordpress сайт

Сучасний сайт важко уявити собі без відеоматеріалу. Позитивний ефект наявності відео на сайті можна характеризувати декількома факторами:

• Багато відвідувачів вважають за краще перегляд відеоматеріалу замість читання тексту. Так їм зрозуміліше і цікавіше.
• Сама присутність відеоматеріалу на сайті налаштовує відвідувача на те, що сайт якісний і корисний. Відвідувач довше затримується на такому сайті.
• Відео краще запам`ятовується і спонукає відвідувачів знову повертатися на Ваш сайт / блог.
• Відеоконтент сприяє підвищенню конверсії Вашого ресурсу, тобто вчинення відвідувачем очікуваних від нього дій: покупки товару, підписки, реєстрації, телефонного дзвінка і т. Д.
• Пошукові системи лояльніше ставляться до сайтів з відеоконтентом.
• Використання відео для реклами товарів дозволяє збільшити продажі.

Відео: Як вставити відео в Wordpress

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

сайти на WordPressі відеоконтент

Сайти на WordPress можна легко наповнити відеоматеріалами з загальнодоступних місць для розміщення відеофайлів, наприклад, з You Tube і Vimeo. Процедури додавання відео з цих ресурсів практично однакові. існує багато , розповідають про те як додати на сайт відео за допомогою плагінів, але сьогодні ми розберемо як додати відео на WordPress сайт без використання плагінів.

Додавання відео з сайту YouTube

Як приклад використовуємо ролик «Як вставити відео на блог WordPress». Додати його на наш сайт можна двома способами. Розглянемо їх:

Спосіб 1.

• На консолі свого сайту вибираємо в рубриці «Записи» опцію «Додати нову». Даємо нового запису заголовок і переходимо в редактор. При цьому натискаємо вкладку редактора «Текст», яка дозволяє нам вводити HTML розмітку.
• Якщо необхідно, вносимо в запис свій текст.
• Заходимо на сайт https://youtube.com/ на сторінку з цікавлять нас відеоматеріалом.
• Під зображенням екрану знаходимо кнопку «Поділитися» і вибираємо вкладку з тією ж назвою ( «Поділитися»).
• Копіюємо адресу файлу з роликом https://youtu.be/_pUo1gj7WQI.
• Переходимо на сторінку записи і в потрібне місце вставляємо цю адресу.
• Закінчуємо оформлення сторінки і натискаємо кнопку «Опублікувати».
• Переходимо на сайт, оновлюємо його і запускаємо плеєр.

Спосіб 2.

• Відкриваємо нову сторінку, пишемо необхідний текст, заходимо на сайт https://youtube.com/ на сторінку з цікавлять нас відеоматеріалом.
• Натискаємо на кнопку «Поділитися», а потім на вкладку «HTML-код».
• Текст коду копіюємо в вікні.
• Повертаємося на сторінку нового запису і вставляємо скопійований HTML-код в потрібне місце.
• Закінчуємо оформлення запису і публікуємо її.
• Дивимося на сайті після поновлення отриманий результат.

Відео: Як вставити відео з YouTube на сайт WordPress

Додавання відео з сайту Vimeo

Відео: Як вставити відео з YouTube на сайт Wordpress

Порядок дії той же, що і при роботі з сайтом You Tube. Відрізняються тільки назви кнопок і вкладок.

Спосіб 1.

• Знайшовши на сайті https://vimeo.com/ потрібний відеоматеріал, натискаємо на кнопку &ldquo-SHARE&rdquo- в правому верхньому кутку картинки ролика. При цьому відкривається додаткове вікно &ldquo-Share This Video&rdquo- з трьома віконцями: &ldquo-Link&rdquo-, &ldquo-Email&rdquo-, &ldquo-Embed.
• У віконечку &ldquo-Link&rdquo- копіюємо адресу файлу з роликом.
• Вставляємо скопійований адресу в потрібне місце в запису і продовжуємо дії, як і при додаванні ролика з сайту You Tube.

Відео: Як встановити відео галерею на блог WordPress

Спосіб 2.

• Відрізняється від попереднього тим, що в додатковому вікні &ldquo-Share This Video&rdquo- в віконечку &ldquo-Embed&rdquo- копіюємо HTML-код, а потім вставляємо його на сторінку своєму записі в потрібне місце. Подальші дії не змінюються.

Зміна розмірів вікна відеоролика

У WordPress існує можливість змінювати розміри вікна, в якому демонструється ролик. Виконується це застосуванням шорткодов (Shortcode API) - спеціальний пристрій, який передбаченої в WordPress, починаючи з версії 2.5. Не вдаючись в детальний опис цих дуже зручних інструментів, наведемо вид шорткода для нашого випадку:

• для You Tube: [Embed width ="640" height ="360"] Посилання на відео з YouTube [/ embed]
• Для Vimeo: [embed width ="640" height ="360"] Посилання на відео з Vimeo [/ embed]

Тут width і heigt відповідно ширина і висота вікна для демонстрації ролика. Зверніть увагу: цифри розмірів вікна задаються в пікселях і записуються в лапках. Замість фраз «Посилання на відео з YouTube» або «Посилання на відео з Vimeo» підставляєте скопійоване на відповідному сайті посилання. посилання як би «упаковані» в код API. Шорткод дозволяє підігнати розмір вікна ролика до оформлення Вашого сайту.

Якщо хочете звернутися до першоджерела, почитайте Кодекс Вордпресс. В оригіналі він викладений на сайті https://codex.wordpress.org/. Це повна документація по WordPress. Про додаванні відео на свій сайт, зміні розмірів вікна відео і про доступні для WordPress відеохостингу докладно викладено на сторінці https://codex.wordpress.org/Embeds/.

Використовуйте відео на своєму сайті, це підвищить його привабливість. Успіхів!

PS: всі наведені приклади перевірені на чинному сайті з версією WordPress 3.7. Завжди стежте за оновленнями WordPress і вчасно оновлюйтеся.