본문 바로가기
  • 나의 작은 기록이 도움이 될 수 있기를
web

divi theme 로 동영상 슬라이드 만드는 방법

by labper M 2023. 8. 4.

divi theme 동영상 슬라이드 설정하는 방법

divi 테마에서 동영상을 여러개 삽입하여 슬라이드 형식으로 동영상을 표시할 수 있다.

동영상파일의 경우 WebM, MP4 2가지 형식을 다 올리는게 좋다고 한다. 

 

동영상을 업로드하는 경우 WebM 및 MP4 형식을 모두 업로드하는 것이 좋습니다.

WebM 파일은 파일 크기가 더 작고(서버 공간 절약) 압축률이 더 높지만

일부 브라우저와 장치는 WebM을 지원하지 않으므로 MP4 파일을 업로드하면 비디오가 모든 브라우저와 장치에서 재생됩니다.

 

divi theme 동영상 슬라이더

위와 같이 동영상을 여러개 나오게 할 수 있다.

영상파일을 직접 올리거나 youtube, vimeo 영상 주소를 링크로 넣을 수 있다.

이런것도 쉽게 만들 수 있다니!

 

 

divi theme 동영상 모듈 삽입 방법

색션이나 행을 만든 뒤에 모듈을 넣어주면 되는데

여러가지 모듈 중 '동영상 슬라이더'을 클릭해주면 된다.

슬라이드 형식이 아니라 그냥 1개의 동영상이라면 '동영상'을 클릭해주면 된다.

여러가지 모듈 다 배워봐야지.

 

 

divi theme

요소 설정창에서 아래쪽에 4개의 동영상을 추가로 보여주거나 아예 다 없애고 한개의 영상 아래쪽에 '점'으로 표현할 수 있다.

 

 

 

divi theme 영상 꾸며주는 방법

영상의 주변 디테일을 꾸며 줄 수 있는 기능

'오버레이'에 들어가면 영상 플레이어 아이콘의 컬러나 형태를 바꿔 줄 수 있다.

 

한국어 번역이 이상해서 이해하기 어려운 것들이 많아서

하나하나 다 테스트 해보거나 

아예 처음부터 워드프레스 테마를 영문으로 변경해서 사용해야 한다.

(이건 다른 방법이 있는지 상담을 통해 알아봐야겠다)

 

아래쪽 작은 슬라이드 아래쪽에 컬러를 넣거나, 이미지를 넣거나, 패턴도 넣을 수 있다.

게다가 다른 동영상도 추가할 수 있다.

다른 동영상이 재생될때 자동으로 중지되게 하는 디테일한 설정도 적용해 줄 수 있다.

 

 

플레이 아이콘을 변경시켜주는 방법

나중에 어느정도 익숙해지면 영문으로 바꿔야지!

 

 

+
divi theme 익숙하지 않아서 어려운데

이렇게 조금씩 하나씩 배우다 보면 익숙해지겠지!

 

화이팅


댓글