Как создать видеогалерею в WordPress шаг за шагом

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

Вы хотите создать видео галерею на своем сайте WordPress?

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

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

Зачем создавать видеогалерею в WordPress

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

Недавний опрос показал, что 87% маркетологов утверждают, что видеоконтент увеличил трафик на их сайты, а 80% утверждают, что он напрямую увеличил продажи.

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

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

How to Make a Photography Website using WordPress & Elementor | STEP BY STEP Tutorial for Beginners

Теперь вы можете загружать видео непосредственно на свой сайт WordPress. Однако никогда не следует загружать видео непосредственно в WordPress.

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

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

Создание видеогалереи в WordPress

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

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

Чтобы начать работу, установите и активируйте Feeds for YouTube от Smash Balloon. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.

Примечание: Существует бесплатная версия плагина Feeds for YouTube, но в нашем руководстве мы показываем версию Pro, потому что она имеет больше возможностей.

Далее, вам необходимо посетить Feeds for YouTube » Лицензия страница для ввода лицензионного ключа. Вы можете найти информацию о лицензионном ключе под вашей учетной записью на сайте Smash Balloon.

Введите лицензионный ключ в Smash Balloon

После ввода ключа выберите «Активировать лицензию» и сохраните изменения, чтобы завершить этот шаг.

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

Подключение к YouTube с помощью Smash Balloon

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

Предоставить разрешение на разбивание воздушного шара

Далее рекомендуется ввести API-ключ, так как для работы некоторых функций плагина требуется API.

Вы можете бесплатно получить ключ API с помощью Google Console. Для получения более подробной информации вы можете следовать этому руководству от Google по созданию и авторизации API.

Примечание: Вы можете продолжить и создать свою видеогалерею без API-ключа. Но вам нужно будет ввести API позже, чтобы разблокировать больше функций в Smash Balloon.

Введите API-ключ и тип фида в Smash Balloon

После этого, под Тип фида, вам нужно добавить имя канала или ID, чтобы плагин знал, откуда брать видео.

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

Найти идентификатор канала YouTube и имя пользователя

Отсюда выберите Настройки » Расширенные настройки на этой странице вы увидите идентификатор вашего канала и имя пользователя. Вы также можете найти идентификатор канала в URL-адресе.

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

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

После ввода информации нажмите кнопку «Сохранить изменения», чтобы сохранить конфигурацию.

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

Как отображать видеогалерею на страницах и в постах

Отобразить только что созданную видеогалерею в посте или на странице очень просто с помощью Smash Balloon. Для простоты мы покажем вам, как добавить ее на страницу, однако процесс остается таким же и для постов.

На панели управления перейдите в раздел Страницы » Добавить новую создать новую страницу. После того как откроется новая страница, добавьте новый блок, нажав на знак (+).

Здесь вы можете поискать «YouTube» и увидите, что «Feeds for YouTube» уже доступен здесь.

Добавление видеогалереи в редакторе блоков WordPress

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

Добавление видеогалереи в посты и страницы

Если вы пользуетесь классическим редактором, не волнуйтесь, Smash Balloon позаботился и о вас. В любой пост или страницу вы можете вставить шорткод [youtube-feed], и это приведет к встраиванию видеогалереи.

Добавление видеогалереи в классическом редакторе

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

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

Как отобразить видеогалерею в боковой панели WordPress

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

Добавить видеогалерею в виджет боковой панели

В разделе Доступные виджеты, Прокрутите вниз и найдите ленту YouTube виджет. Теперь перетащите этот виджет в меню боковой панели с правой стороны, чтобы добавить видеогалерею в боковую панель.

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

Видеогалерея YouTube в боковой панели

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

Как настроить видеогалерею в WordPress

Smash Balloon позволяет вам настроить вашу галерею несколькими способами, чтобы она была именно такой, как вы хотите.

Чтобы начать настройку галереи, перейдите по ссылке Feeds for YouTube и откройте Настройка вкладка.

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

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

В сетке видео отображаются одинакового размера, а в галерее — одно большое видео с маленькими миниатюрами под ним.

Список отображает видео вертикально, а карусель — горизонтально, как слайд-шоу.

Настройка видеогалереи в Smash Balloon YouTube Feed

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

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

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

В следующих разделах вы увидите, что Smash Balloon имеет очень полезные функции, которые дают вам полный контроль над вашей галереей. Мы расскажем вам о каждом доступном варианте настройки.

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

Для этого просто установите флажки, которые вы хотите отобразить, и снимите флажки, которые вы хотите скрыть.

Варианты отображения информации в Smash Ballooon

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

Изменение перевода информационного текста в Smash Balloon

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

Если вы хотите скрыть эти детали, вам нужно снять соответствующие флажки, чтобы они не отображались в вашей видеогалерее.

Информация о заголовке разбить воздушный шар

После этого вы увидите опции Загрузить еще кнопка и Кнопка подписки Эти кнопки дают посетителям возможность посмотреть больше видео и подписаться непосредственно на ваш канал YouTube.

Загрузить больше и кнопка подписки

Smash Balloon автоматически отображает обе кнопки в нижней части вашей видеогалереи. Если вы хотите изменить цвет и текст кнопки, вы можете сделать это в этом разделе. Вы также можете удалить эти кнопки из вашей галереи, сняв флажок «Да».

Как только вы определитесь с кнопками, вы можете перейти к определению соотношения размеров видеоплеера. По умолчанию соотношение размеров составляет 9:16, но вы можете выбрать 3:4, если это больше подходит вашему сайту.

Опции видеоплеера в Smash Balloon

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

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

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

Здесь вы можете выбрать, показывать или скрывать видео, содержащие определенные слова или хэштеги. Вы также можете ввести идентификаторы видео, которые вы не хотите отображать в своей галерее

Опции модерации и пользовательского кода в Smash Balloon

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

Расширенные настройки Smash Balloon

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

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

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

Преобразование вашей видеогалереи в посты WordPress

До сих пор мы видели, как Smash Balloon позволяет вам создать очень настраиваемую видеогалерею. В галерее есть еще несколько замечательных функций, которые вы, возможно, захотите изучить.

Одна из них — преобразование видео в вашей галерее в посты WordPress. Это экономит много времени на создание новых постов в блоге для каждого видео.

Сначала вам нужно перейти к Feeds for YouTube Pro » Настройки одиночного видео страница для доступа к постам.

Настройки одиночного видео в Smash Balloon

На этой странице вы можете выбрать, какая информация будет отображаться в посте, например, название, имя пользователя, просмотры, дата и статистика.

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

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

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

Однако в разделе ‘View All’ вы можете просматривать и редактировать отдельные посты, чтобы изменить содержание, изображение и другие детали, а затем предварительно просмотреть их, чтобы увидеть, как они выглядят.

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

Создание универсальной социальной стены

Smash Balloon оснащен множеством функций, и одной из них является социальная стена.

Он позволяет использовать возможности социальных сетей на вашем сайте, объединяя все ваши каналы социальных сетей из Instagram (признана экстремистской организацией на территории РФ), Facebook (признана экстремистской организацией на территории РФ), Twitter и YouTube.

Smash Balloon Social Wall

Social Wall автоматически импортирует контент с ваших страниц в социальных сетях. Таким образом, это экономит время и позволяет вашему сайту выглядеть свежо.

Как и в случае с видео галереей, вы получаете полный контроль над настройкой внешнего вида и деталей социальной стены.

Кроме того, это поможет вам увеличить вовлеченность и количество подписчиков, поскольку вашим пользователям будет предложено следовать за вами или подписаться на ваш канал.

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий