Адаптивная видео галерея сетка на сайт 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, можно посмотреть привью того, что у вас получилось. На этом всё, как видите здесь всё просто, но если у вас остались вопросы, пишите комменты. До новых встреч!

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Гиворг

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

    Ответить
    1. Admin автор

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

      Ответить
  2. Сергей

    Доброго времени суток. Так понимаю, что новую галерею не создать? только редактировать эту?

    Ответить
    1. Admin автор

      Добрый день. Вы можете создать новую галерею. В инструкции показано как.

      Ответить
      1. Сергей

        Я имел в виду – можно ли создать более одной галереи одновременно? 2 галереи, 3, 4,… 50 ?

        Ответить
        1. Admin автор

          Да можно. В настройках есть кнопка вверху Add добавить новую галерею.

          Ответить
  3. Сергей

    Нифига. он добавляет видео в ту же галерею

    Ответить
    1. Admin автор

      Да, согласен, давно плагин разбирал, не помню всех деталей. Есть альтернатива, смотрите плагины: Video Gallery — YouTube Gallery, либо Video Gallery — Vimeo and YouTube Gallery.

      Ответить