Как легко создать список воспроизведения видео с помощью Elementor без программирования [2022]

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

Elementor Pro 3.3 поставляется с совершенно новым виджетом « Список воспроизведения видео », который меняет способ добавления мультимедийного контента веб-создателями на свои сайты. Теперь вы можете привлекать посетителей вашего сайта и заставлять их дольше оставаться на вашей странице, красиво демонстрируя анимированный и интерактивный список воспроизведения видео и даже настраивать его по своему усмотрению, не касаясь строки кода.

Красиво отображайте плейлисты видео в Elementor без кодирования

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

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

Лучшая часть? Создание списка воспроизведения видео в Elementor занимает всего 5 минут.

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

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

Легко добавляйте несколько видео на свой сайт WordPress

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

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

Персонализируйте свои списки воспроизведения видео и стилизуйте их так, как хотите

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

Упростите онлайн-обучение с помощью увлекательных обучающих плейлистов

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

Как сделать список воспроизведения видео с помощью Elementor на WordPress

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

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

Шаг 1: Установите и активируйте Elementor на своем сайте

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

После установки и активации Elementor и Elementor Pro перейдите на панель инструментов WordPress и создайте новую страницу. Нажмите синюю кнопку «Редактировать с помощью Elementor» , как показано ниже. Это откроет вашу страницу в редакторе Elementor.

Шаг 2: перетащите виджет списка воспроизведения видео

Когда редактор Elementor завершит загрузку, перейдите на вкладку «ЭЛЕМЕНТЫ» на левой боковой панели и найдите виджет « Список воспроизведения видео ». Теперь все, что вам нужно сделать, это перетащить виджет в любой раздел вашей страницы. Ваш список воспроизведения будет отображаться по умолчанию, как показано ниже.

Шаг 3: добавьте свой список воспроизведения видео и настройте контент

Теперь вы можете добавлять видео одно за другим, чтобы создать собственный плейлист на WordPress. На вкладке «Контент» нажмите «Плейлист». Здесь вы можете добавить свои видео, просто вставив URL-адрес или загрузив свой собственный файл.

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

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

Вы также можете выбрать отображение вкладки «Содержание» для своих видео, если хотите поделиться дополнительной информацией о своем видео, например описанием или расшифровкой.

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

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

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

Шаг 4: стилизуйте и настройте свой список воспроизведения видео в Elementor

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

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

Шаг 5: Опубликуйте и поделитесь своим плейлистом видео на WordPress

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

Проверьте тот, который мы сделали в этом уроке ниже.

Сделайте свой сайт интерактивным с помощью списков воспроизведения видео

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

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