Divi 비디오 스크롤 모듈을 사용하는 방법

년부터 블레어 Jersyer | Divi

페이지에 비디오 모듈을 추가하려면 먼저 Divi Builder를 사용해야 합니다. 일단 디비 테마 귀하의 사이트 웹, 당신은 버튼을 볼 것입니다 비주얼 빌더 사용 새 페이지를 만들 때마다 게시자 위에

이 버튼을 클릭하여 Divi Builder를 활성화하고 모든 Divi Builder 모듈에 액세스하십시오. 그런 다음 버튼을 클릭하십시오 비주얼 빌더 사용 시각적 모드에서 생성기를 시작합니다. 버튼을 클릭 할 수도 있습니다. 비주얼 빌더 사용 검색할 때 사이트 웹 WordPress 대시보드에 로그인한 경우 포그라운드에서.

비주얼 빌더 .jpeg로 이동하십시오.

Visual Builder에 들어가면 회색 더하기 버튼을 클릭하여 페이지에 새 모듈을 추가 할 수 있습니다. 새 모듈은 행 내부에만 추가 할 수 있습니다. 새 페이지를 시작하는 경우 먼저 페이지에 행을 추가해야합니다.

video.jpeg 모듈 추가

모듈 목록에서 비디오 슬라이더 모듈을 찾아 클릭하여 페이지에 추가하십시오. 모드 목록을 검색 할 수 있습니다. 즉, "비디오 슬라이더"를 입력 한 다음 Enter 키를 눌러 비디오 모드를 자동으로 찾아 추가 할 수도 있습니다! 모듈이 추가되면 모듈 옵션 목록이 표시됩니다. 이러한 옵션은 세 가지 주요 그룹으로 구분됩니다. 내용 , 임신 et 고급.

video.jpeg 모듈 추가

내용으로 비디오 커서를 채우십시오

비디오 내용을 채우는 방법 Divi module video.jpg

너무 많은 설정을 조정하기 전에 비디오 슬라이더를 비디오 슬라이드로 채우는 것이 가장 좋습니다. 이렇게하면 변경 사항이 최종 결과에 어떤 영향을 미치는지 확인할 수 있습니다. 새 비디오 슬라이드를 추가하려면 링크를 클릭해야합니다. + 새 항목 추가 .

새로운 video.jpeg 요소 추가

여기에서 .mp4 또는 Webm 파일을 다운로드 할 수 있습니다. YouTube에 동영상 URL을 삽입 할 수도 있습니다. 파일을 업로드하거나 YouTube 링크를 추가 한 경우 오른쪽 하단 모서리에있는 녹색 버튼을 클릭하면 비디오 슬라이더 모듈의 기본 콘텐츠 탭으로 돌아갑니다. 추가하려는 각 비디오에 대해이 과정을 반복합니다.

비디오 슬라이더 모듈 컨텐츠 설정

콘텐츠가 추가되었으므로 탐색 할 영역이 몇 가지 더 있습니다. 전체 모듈에 영향을 미치는 설정이 그룹화 된 콘텐츠 탭의 세 개의 드롭 다운 메뉴입니다.

요소

항목 아래에서 비디오 슬라이더 모듈의 화살표 및 슬라이더 설정을 조정할 수 있습니다.

표지

여기에서 기본 비디오의 비디오 오버레이를 표시하거나 숨기도록 선택할 수 있습니다. 이는 각 비디오 슬라이드에 오버레이를 추가하거나 Divi에서 자동으로 생성하여 수행 할 수 있습니다.

관리 라벨

이 드롭 다운에서 백엔드 빌더에 표시되는 관리 태그와 비주얼 빌더의 스켈레톤보기를 추가 할 수 있습니다.

비디오 슬라이더 모듈 설계 매개 변수

비디오 옵션 디자인 .jpeg

이 탭에는 컬러 컨트롤 . 여기에서 슬라이더 컨트롤의 색상을 밝게에서 어둡게 변경하고, 재생 아이콘의 색상을 변경하고, 썸네일 오버레이 색상을 조정할 수 있습니다.

비디오 슬라이더 모듈 고급 설정

고급 매개 변수 module.jpeg

비디오 슬라이더 모듈의 고급 탭에서 고유 ID 및 CSS 클래스를 추가 할 수 있습니다. 또한 사용자 지정 CSS 드롭 다운 비디오 슬라이더 모듈에서 미리 정의 된 다양한 (및 미리 선택된) CSS 선택기에 사용자 지정 CSS를 추가 할 수 있습니다. 마지막으로 가시성 드롭 다운 목록에서 휴대폰, 태블릿 및 데스크톱에서 모듈의 가시성을 조정할 수 있습니다.

개별 비디오 컨텐츠 ​​설정

configure videos.jpeg

개별 슬라이드에 대한 특정 설정을 만들려면 비디오 슬라이드 자체에서 구성해야합니다. 해당 슬라이드의 톱니 바퀴 아이콘을 클릭하면 고유 한 설정이 열립니다.

개별 비디오 구성 .jpeg

비디오

위에서 설명한 것처럼 여기에서 비디오 콘텐츠를 추가 할 수 있습니다.

표지

오버레이 드롭 다운 목록에서 이미지를 업로드하여 비디오 슬라이드를 오버레이하거나 자동으로 생성하도록 선택할 수 있습니다.

개별 비디오 디자인 설정

동영상 설정

비디오 슬라이드의 디자인 탭에서 슬라이드 화살표의 색상을 밝은 색에서 어두운 색으로 변경할 수 있습니다.

개별 비디오 구성

이것이이 튜토리얼의 전부입니다. 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=”플랫” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI 테마 다운로드 [/vcex_button][/vc_column][vc_column 너비=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” 레이아웃=”확장” align=”center” font_family = ”Raleway” font_weight=”700″ style=”플랫” ​​custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]다운로드 TEMPLATES DIVI[/vcex_버튼][/vc_열][/vc_row]

다른 Divi 자습서

포스터 르 논평

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드는 표시됩니다 *

이 사이트는 원하지 않는 것을 줄이기 위해 Akismet을 사용합니다. 댓글 데이터 사용 방법에 대해 자세히 알아보기.