Адаптивная видео галерея сетка на сайт wordpress

Есть вопросы? Напиши комментарий!

Привет! Сегодня я расскажу как сделать адаптивную видео галерею в виде сетки, для wordpress сайта. Сделать галерею можно будет очень просто, с помощью плагина – Video Grid With Lightbox. Добавлять видео можно будет с YouTube и с DailyMotion, просмотр видео происходит в удобном лайтбокс окне. В лайтбокс окне можно выбирать видео нажимая на стрелку вперёд или назад. Настраивается плагин очень просто, вам лишь нужно будет вставить ссылку на видео.

 

 

Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

08-12-2015 17-25-00_mini

 

Чтобы создать галерею, перейдите по вкладке: Video Grid With Lightbox.

 

08-12-2015 17-47-31_mini

 

В настройках галереи вы можете отключить функцию лайтбокс окна, но тогда при нажатии на видео вас будет перебрасывать на сайт Ютуб. Так же здесь можно выбрать цвет фона галереи. Чтобы добавить видео, перейдите на страницу – Manage Videos и нажмите на кнопку – Add New.

 

08-12-2015 17-53-17_mini

 

Далее, на следующей странице, если вы будете загружать видео с Youtube, то отметьте данный сервис, в поле url добавьте ссылку на видео, нажмите на кнопку – Click Here to get video information and thumbnail from youtube, все поля автоматически заполнятся.  Можете добавить свою обложку для видео, нажав на вкладку – Click Here to upload custom video thumbnail. Так же внизу можно указать свой заголовок для видео.

 

08-12-2015 18-08-42_mini

 

После, сохраняете видео, нажав на кнопку – Save Change. После того как вы добавите нужное количество видео, под списком видео можно будет скопировать шорткод и вставить на нужную вам страницу, где и будет отображаться галерея. Можно так же воспользоваться php кодом для вставки в шаблон сайта.

 

08-12-2015 18-16-10_mini

 

На странице – Preview Gallery, можно посмотреть привью того, что у вас получилось. На этом всё, как видите здесь всё просто, но если у вас остались вопросы, пишите комменты. До новых встреч!

 

[Всего голосов: 0    Средний: 0/5]

Поделиться ссылкой:

https://info-effect.ru/



info-effect.ru ТОП
Адаптивная видео галерея сетка на сайт wordpress обновлено: Февраль 14, 2019 автором: Илья Журавлёв

2 комментария

  • Гиворг 14.02.2019 Ответить

    Через iframe нет возможности делать галерею? Если Россия перейдёт на автономный интернет могут возникнуть проблемы с иностранными видеохостингами. Dailymotion 100% отключат.

    • Илья Журавлёв 14.02.2019 Ответить Автор

      Легко можно сделать. Берите код видео с ютуба и выводите их сеткой с помощью плагина Shortcodes Ultimate.

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

Ваш e-mail не будет опубликован.

 

Внимание! Вы соглашаетесь с Политикой конфиденциальности сайта info-effect.ru



Обратная связь

Политика конфиденциальности - Пользовательское соглашение