Все снимки кликабельны, чтобы увеличить картинку, кликните по ней левой клавишей мыши.

video na site

   Приветствую вас, уважаемые читатели, на блоге “Виртуальный путь к успеху”!

   Если скажу что, “по многочисленным просьбам…” – это будет лукавством. Нет, по просьбе моей ученицы родился этот внеплановый пост, потому как, если я и собирался писать подобное, то никак не в ближайшее время.

   В последнее время стало модным, вставлять в конце статьи видеоролики с уроками или просто, с весёлыми историями или песнями. Знаете, удобно и полезно иногда, отвлечься от поисков информации в интернете, нажать на “плэй” и, откинувшись на спинку кресла, расслабиться на время.

   Но, не будем лить воду, а то чернила размажутся. Улыбка  Начнём, пожалуй…

   Речь пойдёт об очень хорошем плагине, и зовут его: Video Sidebar Widgets. Процесс установки и активации плагина ничем не отличается от остальных, тем более буквально вчера, я описывал установку плагинов из админ-панели вот в этой статье: Визуальный редактор WordPress.

1

 

 

 

   В админ-панели, в разделе: Параметры, найдите и откройте плагин Video Sidebar Widgets .

 

 

 

2

  В открывшемся окне настроек можно отключить какую-либо функцию, рассмотрим их:

  Первая функция отвечает за размещение видео-виджета в боковой панели сети видеосвязи Varios. Если вы не подключены к сети видеосвязи Varios, то смело ставьте галочку в первом чекбоксе, эта функция будет отключена.

   Вторая функция отвечает за размещение виджета с видеороликами в сайдбаре вашего блога. Об этом я расскажу чуть позже.

   Третья функция отвечает за размещение видеороликов в посте или в конце поста. На снимке показан скриншот как выглядит кнопка включения на визуальном редакторе вашего блога.

   Четвёртая функция отвечает за размещение видео-виджета на5 странице пользователя, эта функция тоже не нужна, если не используется видеосвязь.

   Значит, её мы тоже отключаем (ставим галочку). Вы можете и не ставить галочек в чекбоксах, просто появятся два лишних виджета в разделе Виджеты, вашей админ-панели.

  На этом, настройки плагина окончены. Не забудьте нажать на кнопку: Сохранить изменения. Если никаких галочек не устанавливали, то ничего и сохранять не нужно.

   Приступим к самому интересному! Улыбка

   Допустим, вам нужно вставить на сайт видео YouTube.  Выберите необходимый ролик на видео хостинге YouTube например, вот этот:

6

 

  Под роликом есть кнопочка: Отправить – жмём на неё. В открывшемся окошке увидите URL-адрес ролика вместе с его ID-идентификационным номером. Адрес уже выделен, на это указывает синий цвет.

 

7

     Скопируйте этот адрес используя комбинацию клавиш Ctrl+C или нажмите на ссылку правой клавишей мыши и в контекстном меню выберите: Копировать. В дальнейшем, когда вы поймёте, что именно вам нужно, вы не будете даже открывать это окошко, а будете просто копировать ID-номер из адресной строки ролика.

 

4

Допустим, ваш пост заканчивается вот так, или подобная строчка находится в средине поста. Ставите курсор в то место где должен будет находиться видео-ролик. Кликаете на кнопку, созданную плагином (жёлтая кнопка с буквой V).

 

8

 

   В строчку Видео ID вставьте скопированный адрес и в контекстном меню выберите Вставить.

 

 

9

  Нужно сделать так, чтобы остался только ID ролика, а остальное нужно удалить. Т.е. http://youtu.be/, нам не нужно, мы его выделяем и удаляем. В поле Видео ID остаётся только ID ролика (обведено рамкой).

Сразу проверяем ширину и высоту ролика, поместится ли он в посте или его наоборот, нужно чуть увеличить. Убедитесь, что выбран YouTube, потому что, кроме YouTube можно устанавливать ролики ещё из 14 видеосервисов.

 

10

 

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

 

 

11

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

 

12

 

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

 

13

 

  Убедившись, что всё будет выглядеть хорошо, возвращайтесь в редактор и завершите редактирование вашего поста.

   Не забудьте назначить соответствующую рубрику и присвоить метки. Пожелайте посту повышенного внимания и жмите: Опубликовать!

 

Как вставить видео в сайдбар сайта

 

14

 

   В админ-панели, зайдите в раздел Виджеты и найдите: Random Video Sidebar Widget. Перетащите его в сайдбар или в один из сайдбаров, если в блоге их два.

 

15

   Виджет сразу откроется и вы увидите 6 отсеков: Главный (обозначен рамкой 1) и пять отсеков для установки в них видео-роликов (один из них обозначен рамкой 2). В главном отсеке, придумайте и впишите название виджета. Задайте ширину и высоту роликов. Ширина устанавливается по ширине сайдбара, если вы не знаете точную ширину сайдбара, то поставьте размер примерно, а потом выставите его опытным путём. Размер выставляется общим для всех пяти роликов. Проследите, чтобы AutoPlay был выключен (NO) хотя, если у вас слишком много посетителей можете оставить автоматическое включение ролика. Улыбка 

  Во втором отсеке проверяете какой видеохостинг установлен, по умолчанию выставлен YouTube. Вводите ID видео-ролика и ниже вписываете название видео.

16

 

 

   Сохраните настройки.

 

 

 

17

 

   После сохранения настроек, ролик должен появиться сразу же. Если этого не произошло, проверьте правильность ID или соответствие ролика и видеосервиса. Можно сразу просмотреть ролик, если это необходимо.

 

 

18

 

 

   Закройте окно виджета.

 

 

 

19

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

   Подскажу идею, может кто и использует такой приём, но кто-то может и не знает. Виджеты этого плагина можно использовать как хранилища с видеоуроками. Нужно перетащить виджет в раздел Неактивные виджеты и не скачивать лишние файлы на ваш компьютер. Шпаргалки никогда не помешают.

 

А вот и наш ролик, он теперь будет жить здесь  – это очень полезный и несложный урок по фотошоп:

[vsw id="fKufQAA_i44" source="youtube" width="480" height="400" autoplay="no"]

 

Удачи Вам!

 

 

© Михаил Ковеньков