코딩 없이 Elementor를 사용하여 비디오 재생 목록을 쉽게 만드는 방법 [2022]

웹사이트에 비디오를 추가하는 것은 매우 쉽지만 Elementor를 사용하여 비디오 재생 목록을 만드는 것은 콘텐츠 제작자에게 어려운 일이었습니다. 이제 Elementor PRO의 최신 업데이트로 웹사이트를 위한 아름다운 비디오 재생 목록을 쉽게 만들고 비디오를 선보일 수 있습니다.

Elementor Pro 3.3 에는 웹 제작자가 사이트에 멀티미디어 콘텐츠를 추가하는 방식을 변경하는 완전히 새로운 " 비디오 재생 목록 " 위젯이 함께 제공됩니다. 이제 애니메이션 및 대화형 비디오 재생 목록을 아름답게 표시하여 사이트 방문자의 참여를 유도하고 페이지에 더 오래 머물게 할 수 있으며 코드 한 줄도 건드릴 필요 없이 원하는 방식으로 사용자 정의할 수도 있습니다.

코딩 없이 Elementor에서 비디오 재생 목록을 아름답게 표시

콘텐츠 제작자는 WordPress에 비디오 재생 목록 과 같은 대화형 시각적 콘텐츠를 추가하면 사이트 방문자의 참여를 높일 수 있습니다. 이것은 Youtube용 콘텐츠를 만드는 사람들뿐만 아니라 게이머, 피트니스 트레이너, 댄스 교사 또는 소규모 비즈니스 소유자와 같은 WordPress 웹 사이트를 가진 모든 사람에게 해당됩니다.

Elementor Pro 3.3 을 사용 하면 이제 이전과는 다른 방식으로 비디오 콘텐츠를 표시할 수 있습니다. 재생 목록에 추가할 특정 비디오를 결정할 수 있을 뿐만 아니라 표시되는 순서를 제어하고 재생 아이콘, 탭, 썸네일 및 오버레이 등을 사용자 정의할 수도 있습니다.

가장 좋은 부분? Elementor에서 동영상 재생 목록을 만드는 데 5분밖에 걸리지 않습니다.

그게 다가 아닙니다. 재생이 필요할 때까지 비디오가 로드되지 않도록 비디오에 대해 지연 로드를 활성화 할 수도 있습니다. 이렇게 하면 웹 페이지가 더 빨리 로드되고 사이트 방문자의 경험이 향상됩니다.

Elementor의 이 새로운 위젯이 어떻게 작동하는지, 그리고 이를 사용하여 WordPress에서 아름다운 비디오 재생 목록을 만드는 방법을 아래에서 살펴보겠습니다.

WordPress 웹 사이트에 여러 비디오를 원활하게 추가

WordPress 웹사이트에서 한 번에 하나의 비디오를 업로드하는 것은 약간 번거로울 수 있습니다. 특히 웹사이트 방문자와 공유하려는 중요한 비디오 콘텐츠가 많은 경우에 그렇습니다. 웹 페이지가 무거워질 뿐만 아니라 개별적으로 비디오를 업로드하면 페이지 공간과 시간이 많이 걸립니다.

그러나 비디오 재생 목록을 사용하면 모든 비디오 콘텐츠가 제자리에 깔끔하게 정리된 섹션을 만들고 사이트 방문자가 재생할 비디오를 선택하게 할 수 있습니다. 이렇게 하면 웹 페이지에 다른 콘텐츠를 추가하고 스크롤 콘텐츠를 줄이고 사이트 방문자가 사이트에 더 오래 머물 수 있도록 공간을 더 많이 확보할 수 있습니다.

비디오 재생 목록을 개인화하고 원하는 대로 스타일을 지정하세요

Elementor Editor 에서 원하는 방식으로 재생 목록의 스타일을 지정하여 나만의 개성을 부여하고 브랜드를 홍보할 수 있습니다. '스타일' 탭 의 설정을 조정 하여 재생 목록을 돋보이게 만들기만 하면 됩니다. 맞춤 미리보기 이미지를 추가하고 동영상 아래에 탭을 추가하여 설명이나 동영상 스크립트 등을 표시하도록 선택할 수 있습니다.

매력적인 튜토리얼 재생 목록으로 온라인 학습을 더 쉽게 만드십시오

웹사이트 방문자와 튜토리얼을 공유하는 경우 Elementor 의 이 비디오 재생 목록 위젯을 사용 하면 참여율을 높일 수 있습니다. 제품 튜토리얼을 공유하든, 온라인 교육 비디오 를 공유하든, 댄스 튜토리얼을 공유하든, 피트니스 튜토리얼을 공유하든, 사이트 방문자는 보다 인터랙티브한 시각적 콘텐츠를 통해 제품 또는 비즈니스에 대해 배울 수 있습니다.

WordPress에서 Elementor를 사용하여 비디오 재생 목록을 만드는 방법

이제 동영상 재생 목록이 어떻게 웹사이트를 돋보이게 만들고 사이트 방문자의 참여도를 높일 수 있는지에 대해 모두 알게 되었습니다. 튜토리얼을 자세히 살펴보고 Elementor를 사용하여 WordPress에서 비디오 재생 목록을 만드는 방법을 살펴보겠습니다.

참고: Elementor 웹 사이트 빌더를 처음 사용하는 경우 Elementor 사용 방법에 대한 완전한 초보자 가이드 에서 유용한 팁과 요령을 확인할 수 있습니다.

1단계: 웹사이트에 Elementor 설치 및 활성화

먼저 WordPress 웹 사이트에 Elementor를 설치하고 활성화 해야 합니다. 완료되면 Elementor Pro 도 설치해야 합니다. 이 위젯은 웹사이트 빌더의 프리미엄 버전 전용이기 때문입니다.

Elementor와 Elementor Pro를 모두 설치하고 활성화한 후 WordPress 대시보드로 이동하여 새 페이지를 만듭니다. 아래와 같이 파란색 "Edit With Elementor" 버튼을 클릭합니다. 그러면 Elementor Editor에서 페이지가 열립니다.

2단계: 비디오 재생 목록 위젯 드래그 앤 드롭

Elementor Editor 로드가 완료 되면 왼쪽 패널 에서 'ELEMENTS' 탭으로 이동하여 " Video Playlist " 위젯을 검색합니다. 이제 위젯을 페이지의 아무 섹션에나 끌어다 놓기만 하면 됩니다. 재생 목록은 기본적으로 아래와 같이 표시됩니다.

3단계: 비디오 재생 목록 추가 및 콘텐츠 구성

이제 비디오를 하나씩 추가하여 WordPress에서 나만의 맞춤 재생 목록을 만들 수 있습니다. '콘텐츠' 탭에서 '재생 목록' 옵션을 클릭합니다 . 여기에 단순히 URL을 붙여넣거나 자신의 파일을 업로드하여 동영상을 추가할 수 있습니다.

Youtube에서 동영상을 공유하는 경우 '유형' 옵션을 클릭하고 소스를 'Youtube'로 설정합니다. 다른 소스에서 비디오를 공유하는 경우 '자체 호스팅' 으로 전환한 다음 '외부 URL 공유' 옵션 을 켜서 비디오를 업로드하거나 비디오 링크를 공유하십시오 .

Youtube 비디오의 경우 "비디오 데이터 가져오기" 버튼을 쉽게 클릭 하여 비디오 썸네일 및 제목을 포함하여 Youtube에서 모든 비디오 설정 및 정보를 즉시 가져올 수 있습니다.

설명이나 스크립트와 같은 비디오에 대한 추가 정보를 공유하려는 경우 비디오에 대해 '콘텐츠 탭' 을 표시하도록 선택할 수도 있습니다 .

동영상을 더 추가하려면 '재생 목록'에서 '+ 항목 추가' 버튼을 클릭한 다음 위의 단계를 반복합니다. Elementor에서 재생 목록을 만드는 데 필요한 만큼의 동영상을 자유롭게 추가하세요.

재생 목록의 콘텐츠를 구성하고 웹사이트 방문자에게 더 나은 콘텐츠를 제공하는 데 도움이 되는 수많은 옵션이 있습니다. 예를 들어 '탭' 옵션에서 비디오 탭의 이름을 추가하고 접을 수 있게 만들고 높이를 조정할 수 있습니다.

또한 사용자 정의 이미지 오버레이 및 재생 아이콘을 추가하고 로드 시 자동 재생, 비디오 수 및 지속 시간 표시와 같은 추가 옵션을 켜고 지연 로드 를 활성화하여 웹 페이지 속도를 높일 수도 있습니다.

4단계: Elementor에서 비디오 재생 목록 스타일 지정 및 사용자 지정

이것은 튜토리얼의 가장 좋은 부분입니다. 여기에서는 재생 목록을 사용자 지정 하고 자신만의 개성을 추가 하는 방법을 보여 드리겠습니다 . 레이아웃 높이 변경, 상단 표시줄, 탭 등의 색상 사용자 지정부터 상상할 수 있는 모든 방식으로 재생 목록의 스타일을 지정할 수 있습니다. 몇 번의 클릭으로 설정을 변경하고 웹사이트를 위한 아름다운 재생 목록을 디자인하십시오.

Elementor의 전체 색상 및 글꼴 기능을 사용하여 재생 목록의 디자인이 사이트 색상 또는 브랜드 색상과 일치하는지 확인할 수도 있습니다. 원하는 경우 사용자 정의 CSS 코드 스니펫 을 추가하여 추가 사용자 정의를 추가할 수도 있습니다.

5단계: WordPress에 비디오 재생 목록 게시 및 공유

재생 목록에 비디오를 추가하고 모양을 사용자 지정했으므로 이제 전 세계와 공유하기만 하면 됩니다. 변경 사항을 저장하고 페이지를 미리 보고 라이브 웹사이트에 재생 목록이 어떻게 표시되는지 확인합니다. 모양이 마음에 들면 '게시' 버튼을 눌러 WordPress 웹사이트에서 재생 목록을 공유하세요.

아래의 이 튜토리얼에서 만든 것을 확인하십시오.

비디오 재생 목록으로 웹 사이트를 인터랙티브하게 만드십시오

보시다시피 WordPress에서 놀랍고 아름답게 디자인된 비디오 재생 목록을 만드는 것은 이보다 쉬울 수 없습니다. 오늘 직접 사용해 보고 Elementor에서 대화형 비디오 재생 목록을 만들어 참여율이 증가하는 것을 지켜보십시오 .

이 튜토리얼을 즐겼습니까? 아래 의견에서 의견을 공유하십시오. 우리는 당신의 의견을 듣고 싶습니다. 더 재미있는 튜토리얼, 뉴스 및 업데이트를 보려면 블로그를 구독 하거나 귀하와 같은 Elementor 사용자 의 친근한 커뮤니티 에 가입 하십시오.