Пропустить

Как использовать модуль прокрутки видео Divi

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 901.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

Прежде чем вы сможете добавить видеомодуль на свою страницу, вы должны сначала использовать Divi Builder. Как только тема Divi будет установлена ​​на вашем веб-сайте, вы увидите кнопку Использование визуального построителя выше издателя каждый раз, когда вы создаете новую страницу.

Нажмите эту кнопку, чтобы активировать Divi Builder и получить доступ ко всем модулям Divi Builder. Затем нажмите на кнопку Использование визуального построителя для запуска генератора в визуальном режиме. Вы также можете нажать кнопку Включить Visual Builder когда вы просматриваете свой веб-сайт на переднем плане, если вы подключены к своей панели управления WordPress.

перейти к визуальному builder.jpeg

После входа в Visual Builder вы можете нажать серую кнопку «плюс», чтобы добавить новый модуль на свою страницу. Новые модули можно добавлять только внутри строк. Если вы начинаете новую страницу, не забудьте сначала добавить строку на свою страницу.

добавьте модуль video.jpeg

Найдите модуль слайдера видео в списке модулей и щелкните его, чтобы добавить на свою страницу. Список модов доступен для поиска, что означает, что вы также можете ввести «Видео слайдер» и затем нажать Enter, чтобы автоматически найти и добавить видеомод! После добавления модуля вы увидите список опций модуля. Эти параметры разделены на три основные группы: Содержание , Дизайн et Передовой.

добавьте модуль video.jpeg

Заполните видео курсор с содержанием

как заполнить видеоконтент Divi module video.jpg

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

добавить новый элемент video.jpeg

Здесь вы можете скачать файл .mp4 или Webm. Вы также можете вставить URL-адрес видео на YouTube. После того, как вы загрузили файл или добавили ссылку на YouTube, просто нажмите зеленую кнопку в правом нижнем углу, и вы вернетесь на вкладку основного содержимого модуля видеослайдера. Повторите этот процесс для каждого видео, которое хотите добавить.

Настройки содержимого модуля Video Slider

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

Элементы

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

обложка

Здесь вы можете выбрать отображение или скрытие наложений видео на основное видео. Это можно сделать, добавив наложение к каждому слайду видео или автоматически сгенерированным Divi.

Значок администратора

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

Параметры дизайна модуля видео слайдера

видео вариант design.jpeg

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

Модуль Video Slider Дополнительные настройки

расширенный параметр module.jpeg

На вкладке «Дополнительно» модуля слайдера видео вы можете добавить уникальный идентификатор и класс css. Вы также можете добавить пользовательский CSS к различным предопределенным (и предварительно выбранным) селекторам CSS в настраиваемом модуле слайдера видео с раскрывающимся списком CSS. Наконец, в раскрывающемся списке видимости вы можете настроить видимость вашего модуля на телефонах, планшетах и ​​настольных компьютерах.

Индивидуальные настройки видеоконтента

настроить video.jpeg

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

индивидуальное видео configuration.jpeg

Видео

Как показано выше, здесь вы можете добавить свой видеоконтент.

обложка

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

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

настроить видео

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [Рекомендуется]

На вкладке «Дизайн» видеослайда вы можете изменить цвет стрелки слайда со светлого на темный.

индивидуальная конфигурация видео

Это все для этого урока, я надеюсь, он позволит вам использовать модуль прокрутки видео на Divi.

Другие учебные пособия Divi

Эта статья содержит комментарии 0

Оставить комментарий

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

Вверх