Создаём классную видео галерею для сайта на WordPress

1 голос

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

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

Откровенно говоря, изначально я думал, что такая тема, как видео галерея для WordPress дастся мне довольно легко. Я был убежден, что я быстренько напишу эту статью и поеду дальше. Не тут-то было!

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

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

Приступим?

5 отличных плагинов

Многие мои читатели уже знают как найти и установить плагин на сайт WP. Этот процесс я опишу еще раз в разделе «Настройка плагина», но если вы хотите узнать обо всех способах, то лучше прочитать другую мою статью на этом блоге.

Сейчас, я приведу пример 5 лучших расширений, которые можно найти в интернете. Начнем.

Huge IT Video Gallery

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

Здесь есть 7 вариаций расположения роликов на странице. Практически все можно смело использовать. Без опасений за дизайн. Настроек маловато, но все необходимые имеются.

Здесь есть и слайдер.

И вот такая сетка.

И, на мой взгляд, идеальный вариант для блога.

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

Если не хочется тратить деньги на «прекрасное», то можно спокойно обойтись и бесплатным плагином. Выбор дизайна не столь велик, но все варианты привлекательны. Даже во free-версии есть из чего выбрать. Так что рекомендую именно ее.

Envira Gallery

Очень неплохой плагин со встроенным автодобавлением. Вы просто вводите ссылку с YouTube, Vimeo или загружаете файл с компьютера, прописываете теги (название, описание) и готово. Выглядит весьма привлекательно. Позволяет не только размещать подборки на страницах, но и добавлять их в панели слева, справа, сверху и так далее.

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

Интеллектуально понятная панель позволяет разобраться и тем, кто совершенно не знает языка.

Тариф с возможностью подключить видео обойдется в 99 долларов (по сегодняшнему курсу 6 500 рублей) в год.

YourChannel

Этот плагин прекрасно подойдет, если у вас есть свой канал и вы хотите добавить свою страничку в блог.

Это самый быстрый способ решения подобной проблемы. Вы размещаете свой ID, делаете несколько небольших настроек и получаете прекрасный результат. Все обновления будут осуществляться автоматически, онлайн.

Быстро размещаете ролик на канал через телефон или компьютер,  и он появляется на сайте. Просто, удобно и бесплатно.

WordPress Video Gallery

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

Конечно же, все это можно отредактировать и настроить под себя. Из преимуществ – встроенный HD плеер, огромное количество функций и независимость от ютуба.

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

Cool Video Gallery

Еще один симпатичный и довольно мощный плагин — Cool Video Gallery. Довольно сложная утилита для новичков, но функциональна и полезна как никакая другая. Не буду рассказывать на пальцах как ей пользоваться. Лучше прикреплю обучающее видео.

Оно исчерпывающее. Длится аж 38 минут, так что думаю вопросов у вас не возникнет. Ну а для тех, кому хочется поскорее решить проблему, как и обещал, расскажу про Huge It.

Работа с плагином

Загрузку и установку Huge IT Video Gallery можно осуществить из стандартного мастера установки. Через «Плагины» — «Добавить новый». Выглядит расширение вот так.

После того как вы активируете утилиту в панели слева появится новая категория: Video Gallery. Здесь уже есть одна подборка, можете сразу ее удалить, нажав на кнопку Delete. Нам необходимо добавить новую: Add New Video Gallery.

Можете сразу поменять название в панели справа. А затем жмите на «Add Video».

Если для добавления на сайт через официальный сайт Ютуба вам нужно поковыряться в «Поделиться» и совершать лишние телодвижения в настройках, то здесь это не обязательно. Сверху и в URL вставляете ссылку на ролик, как она есть в браузере.

Можете сразу, а можете на следующем шаге вставить заголовок (Title) и описание (Description).

После того как вы это сделаете, можно сразу поставить один из видов отображения. Каждый из них нужно протестировать, чтобы найти лучший вариант. Не обязательно каждый раз менять настройки отсюда. Можно делать это и по-другому. Чуть позже я покажу.

Теперь сохраните изменения (Save Video Gallery) и скопируйте Shortcode.

Открываете новую запись и вставляете его в текстовом или визуальном редакторе. Не важно.

Сохраняете и смотрите что получилось на сайте.

Есть и другой вариант прямо в редакторе новой записи сверху жмете на «Add Gallery»

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

Разобраться даже без знания английского не так сложно. Вы можете выбрать по сколько роликов показывать на странице (Videos per pages). Несмотря на то, что у меня их всего три, я поставлю показатель 5.

Видите, внизу написана 1 из 1. То есть переключиться дальше нельзя. Если б я выбрал показатель меньше, чем количество клипов, то все было бы иначе. Также вы можете поставить «Shaw all», чтобы показывать все. Тогда эта штуковина исчезнет.

При нажатии на тот или иной ролик он будет раскрываться на весь сайт.

Здесь есть неплохие эффекты, например, вращающийся слайдер «Куб».

Ну вот и все. Напомню, что вы можете и не пользоваться плагинами, а воспользоваться стандартной возможностью из YouTube.

Для этой статья я проанализировал и попробовал в работе более 20 плагинов, которые советуют на большинстве сайтов рунета. Везде есть свои особенности и достаточно серьезные сложности.

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

Я рекомендую вам подумать над тем, чтобы создать свой канал, делать подборки и выставлять их стандартным способом. Другой вариант — начать изучения языков программирования, чтобы создавать самому и не пользоваться плагинами.

Могу посоветовать бесплатные курсы Евгения Попова. Сперва вам придется изучить HTML.

А потом можно взяться и за CSS.

Ну а для того, чтобы научиться создавать крутые ролики и получить популярность на YouTube и в интернете могу посоветовать курс «Качественное видео в блог за час». Ваши ролики могут быть качественными и профессиональными. Позавидует даже местное телевидение, уверяю вас.

Ну и на этой радостной ноте я с вами прощаюсь. Подписывайтесь на рассылку и следите за актуальными и правдивыми сведениями о работе в интернете. До новых встреч и творческих успехов.

Какого материала вы хотели бы видеть больше? (Рубрики)

Комментариев к статье: 1

  • Наталья 2017-01-27 в 20:55

    Добрый день. Хочу поблагодарить Вас за детальное описание настроек плагина. С легкостью все настроила. :cool:

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

  • ;-)
  • :|
  • :x
  • :twisted:
  • :smile:
  • :shock:
  • :sad:
  • :roll:
  • :razz:
  • :oops:
  • :o
  • :mrgreen:
  • :lol:
  • :idea:
  • :grin:
  • :evil:
  • :cry:
  • :cool:
  • :arrow:
  • :???:
  • :?:
  • :!: