Преди да можете да добавите видео модул към страницата си, първо трябва да използвате Divi Builder. След като темата Divi бъде инсталирана на уебсайта ви, ще забележите бутон Използвайте визуалния строител над издателя всеки път, когато създавате нова страница.
Щракнете върху този бутон, за да активирате Divi Builder и да получите достъп до всички модули Divi Builder. След това кликнете върху бутона Използвайте визуалния строител за да стартирате генератора във визуален режим. Можете също да щракнете върху бутона Активиране на Visual Builder когато разглеждате уебсайта си на преден план, ако сте свързани с таблото за управление на WordPress.
След като влезете в Visual Builder, можете да щракнете върху сивия бутон плюс, за да добавите нов модул към вашата страница. Нови модули могат да се добавят само в редове. Ако стартирате нова страница, не забравяйте първо да добавите ред към страницата си.
Намерете модула за видео плъзгач в списъка с модули и кликнете върху него, за да го добавите към вашата страница. В списъка с модове може да се търси, което означава, че можете също да напишете „Видео плъзгач“ и след това да натиснете Enter, за да намерите автоматично и добавите видеомода! След като модулът бъде добавен, ще бъдете посрещнати от списъка с опции на модула. Тези опции са разделени на три основни групи: Съдържание , Концепция et напреднал.
Напълнете видео курсора със съдържание
Преди да настроите твърде много настройки, най-добре е да продължите и да напълните видео плъзгача си с видео слайдове. По този начин, когато правите промени, ще можете да видите как те влияят на крайния резултат. За да добавите нов видео слайд, трябва да кликнете върху връзката + Добавяне на нов елемент .
Тук можете да изтеглите .mp4 или Webm файл. Можете също да вмъкнете URL адрес на видеоклип в YouTube. Когато качите файла или добавите връзката към YouTube, просто кликнете върху зеления бутон в долния десен ъгъл и ще бъдете върнати в основния раздел на съдържанието на видео плъзгача. Повторете този процес за всеки видеоклип, който искате да добавите.
Настройки за съдържанието на модула за видео плъзгач
Сега, когато вашето съдържание е добавено, има още няколко области за изследване. Трите падащи менюта в раздела за съдържание, където са групирани настройките, които ще повлияят на целия модул.
елементи
Под елементите можете да регулирате настройката на стрелката и плъзгача на модула за видео плъзгач.
капак
Тук можете да изберете да покажете или скриете наслояванията на видеоклипове на основния видеоклип. Това може да стане чрез добавяне на наслагване към всеки видео слайд или автоматично генерирано от Divi.
Администраторски етикет
В това падащо меню можете да добавите администраторски маркер, който ще се появи в конструктора отзад, както и скелетния изглед на визуалния конструктор.
Параметри за дизайн на модула за видео плъзгач
В този раздел има само една наречена група параметри Цветни контроли . Тук можете да промените цвета на контролите на плъзгача от светъл на тъмен, да промените цвета на иконата за възпроизвеждане и да коригирате цвета на наслагването на миниатюрата.
Разширени настройки на модула за видео плъзгач
В раздела Разширени на модула за видео плъзгач можете да добавите уникален идентификатор и клас css. Можете също така да добавите персонализиран css към различни предварително дефинирани (и предварително избрани) css селектори в персонализиран css падащ модул за видео плъзгач. И накрая, в падащия списък за видимост можете да регулирате видимостта на вашия модул на телефони, таблети и настолни компютри.
Индивидуални настройки за видео съдържание
Ако искате да създадете специфични настройки за отделни слайдове, те трябва да бъдат конфигурирани в самите видео слайдове. Просто кликнете върху иконата на зъбно колело на този слайд, за да отворите уникалните му настройки.
Видео
Както беше показано по-горе, тук можете да добавите вашето видео съдържание.
капак
От падащия списък с наслагвания можете да качите изображение, за да насложите видео слайда си, или да изберете да го генерирате автоматично.
Индивидуални настройки за видео дизайн
В раздела Дизайн на видео слайда можете да промените цвета на стрелката на слайда от светъл към тъмен.
Това е всичко за този урок, надявам се, че ще ви позволи да използвате модула за превъртане на видео на Divi.
[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" expanded "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] ИЗТЕГЛЕТЕ ТЕМАТА DIVI [/ vcex_button] [/ colu width_m»n_colum » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_download "] EM DOWNLOAD DIVI [/ vcex_button] [/ vc_column] [/ vc_row]
Други уроци по Диви
- Ресторант 5, който използва темата на Divi
- Как да добавяте текст към продукт Divi WooCommerce
- Как да промените цвета на менюто между страниците на Divi
- Как да персонализирате решетките на блог с Divi
- Как да използвате редактора на роли Divi в WordPress
- Как да създадете плъзгач Divi на цял екран
- Как да промените цвета на менютата между страниците на Divi
- Функции, които вероятно не знаете за Divi
- Как да използвате Divi Builder на WordPress
- Как да използвате модула за превъртане на видео Divi
- Как да използвате модула за обръщане на Divi Builder
- Как да добавите препоръчителен модул на Divi Builder
- Как да използвате текстовия модул Divi
- Как да създадете плъзгач на Divi
- Как да редактирате потребителска роля на Divi
- Как да използвате модула Divi Social Media
- Как да използвате магазинния модул по темата WordPress Divi
- Как да използвате модула Sidebar на Divi
- Как да използвате модула на таблицата с цени за Divi
- Как да използвате заглавния модул на публикациите на Divi
- Как да добавите видео модул на Divi
- Как да използвате навигационния модул на статията
- Как да използвате модула за търсене Divi
- Как да използвате модула на портфейла Divi
- Как да използвате модула за лице на Divi Builder
- Как да използвате портфейла с филтър на Divi
- Как да използвате модула на плъзгача с пълна ширина
- Как да използвате модула за изображения на Builder на Divi
- Как да използвате навигационния модул с пълна ширина на Divi Builder
- Как да използвате модула за галерия на изображения
- Как да използвате модула на карта с пълна ширина Divi Builder
- Как да използвате модула за портфейли с пълна ширина Divi
- Как да използвате заглавния модул Divi с пълна ширина
- Как да използваме Counter модула Divi
- Как да използвате плъзгача за статии в Divi Builder
- Как да използвате модула Divi Email Optin
