Как создать видео-портфолио в WordPress

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

^

Начало работы с вашим видео-портфолио

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

WordPress позволяет легко вставлять видео в записи и страницы блога. Тем не менее, это не позволяет вам легко создавать красивые видео портфолио из коробки.

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

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

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

Создание видео портфолио в WordPress

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

Envira Gallery – платный плагин для фотогалереи WordPress, и вам понадобится как минимум Pro-план для доступа к видео-аддону.

Пользователи WPTec могут использовать этот купон Envira Gallery, чтобы получить скидку 25%.

После активации необходимо зайти на страницу «Галерея Envira» и добавить свой лицензионный ключ. Вы можете найти эту информацию в своем аккаунте на сайте галереи Envira.

^

Далее вам нужно перейти на страницу Envira Gallery »Addons. Вы увидите все доступные для установки дополнения. Ищите аддон Видео и установите его.

^

Envira Gallery теперь загрузит и установит дополнение для видео. После этого вам нужно нажать «Активировать», чтобы начать использовать его на своем веб-сайте.

^

Теперь вы готовы создать свою первую галерею видео портфолио.

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

^

Envira Gallery может создать галерею ваших собственных видео, а также видео, размещенных на таких платформах, как YouTube, Wistia и Vimeo. Мы рекомендуем использовать сторонние видеохостинги, такие как YouTube или Vimeo, чтобы избежать проблем с производительностью вашего провайдера WordPress.

После загрузки видео на YouTube или Vimeo вам необходимо нажать кнопку «Выбрать файлы из других источников».

Появится всплывающее окно «Вставка мультимедиа», в котором необходимо щелкнуть ссылку «Вставить видео» в левом столбце.

^

Вам нужно нажать на кнопку «Добавить видео» и ввести название вашего видео, а также вставить URL видео.

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

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

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

^

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

Теперь давайте немного настроим видео галерею.

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

^

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

^

Теперь вы можете нажать на кнопку «Опубликовать», чтобы сделать вашу галерею видео-портфолио доступной для WordPress.

Отображение вашей галереи видео портфолио в WordPress

Envira Gallery позволяет легко добавлять видео или фото галереи в любом месте на вашем сайте WordPress.

Вы можете добавить его в сообщения, страницы, а также в области виджетов. Ради этого примера мы продолжим и добавим его на новую страницу.

Создайте новую страницу в WordPress и дайте ей соответствующий заголовок, например: Портфолио.

На экране редактирования страницы необходимо нажать кнопку «Добавить галерею».

^

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

^

Шорткод Envira Gallery теперь появится в вашем редакторе сообщений.

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

^

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

^

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