Как добавить видео слайдер WordPress: простое руководство для начинающих

Автор: | 01.11.2020

Добавление видеоконтента на ваш сайт может быть отличным способом привлечения аудитории. Исследование показало, что люди будут тратить в среднем в 2,6 раза больше времени на страницы с видео. Кроме того, средний пользователь интернета проводит на сайте на 88% больше времени, когда у него есть видеоконтент. Использование высококачественного видеоконтента может быть просто толчком, который нужен вашему сайту, чтобы выделиться.

Хотя существует множество различных способов добавления видео на ваш сайт, использование слайдеров позволит вам добавлять много видео, не делая его навязчивым для пользователей. Мало того, слайдеры могут сделать ваш сайт «живым». Итак, в этой статье я покажу вам, как легко добавить видео-слайдер WordPress.

Как добавить видео слайдер WordPress

Добавление слайдера видео WordPress

В этом уроке мы будем использовать мощный плагин Smart Slider 3. Сначала вам нужно будет  и активировать плагин.

Как добавить видео слайдер WordPress

На панели администратора перейдите к Smart Slider и нажмите кнопку «Новый слайдер».

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

Как добавить видео слайдер WordPress

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

Как добавить видео слайдер WordPress

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

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

Чтобы проверить, как выглядит слайд-шоу, вы можете нажать на кнопку «предварительный просмотр» в левом верхнем углу. Если вы всем довольны, нажмите на кнопку «Сохранить» в правом верхнем углу.

добавить шорткод

Чтобы добавить свой слайдер к записи или странице, вы можете просто вставить шорткод. Ознакомьтесь со статьей Шорткоды WooCommerce на примерах, если не знаете, как это сделать. Чтобы найти шорткод для вашего слайдера, выберите вкладку «опубликовать» под слайдами и посмотрите в разделе «шорткод».

gutenberg шорткод

Вы также можете просто добавить блок Гутенберга для Smart Slider 3, который можно найти в разделе Общие блоки. Теперь вы можете легко выбрать один из существующих ползунков из блока.

Теперь проверьте, как он выглядит на передней панели.

Подводим итоги:

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

Как исключить записи категории с главной страницы сайта на WordPress?
исключить записи с главной страницы

Очень важно при работе с сайтом убедиться, что домашняя страница Read more

Как оптимизировать изображение с помощью Photoshop
Как оптимизировать изображение с помощью Photoshop

Оптимизация изображений — это процесс сжатия и настройки параметров отображения Read more

PNG vs JPG: что лучше для сайта WordPress?
PNG vs JPG: что лучше для вашего сайта?

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

Как установить WordPress На Локальный сервер– Полное Руководство
WordPress На Localhost

Установка WordPress на компьютер Windows или Mac часто является первым Read more

Как исправить ошибку «503 Service Unavailable» в WordPress?
Как исправить ошибку «503 Service Unavailable» в WordPress?

Ошибка 503 Service Unavailable является ошибкой веб-сервера. Это означает, что Read more

Что такое автоматизация бизнес-процессов и как это поможет вашему проекту?
Что такое автоматизация бизнес-процессов

Автоматизация бизнес-процессов (АБП) — это решение рутинных задач с помощью Read more

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

9 − 2 =