반응형 YouTube 동영상 슬라이더를 만드는 방법

게시 됨: 2020-04-06

서비스에 대한 많은 비디오가 포함된 YouTube 채널의 소유자이고 WordPress 사이트를 실행 중이고 WordPress 웹사이트에서 반응형 YouTube 비디오 슬라이더를 만들어야 하는 경우 이 경우 다음을 수행하는 것이 좋습니다. 이 기사.

이 기사에는 WordPress 웹 사이트에서 반응형 YouTube 비디오 슬라이더를 만드는 방법에 대한 완전한 단계별 지침이 포함되어 있습니다. 자신의 WordPress 웹 사이트에서 완전한 youtube 비디오 슬라이더를 만드는 데 코딩 기술이 필요하지 않도록 만드는 가장 쉽고 쉬운 방법을 보여 드리겠습니다.

WordPress 비디오 슬라이더는 방문자의 관심을 쉽게 끌기 때문에 웹 사이트에 유용합니다. 결과적으로 대화율과 매출이 증가합니다. WordPress 웹사이트에서 YouTube 채널의 동영상을 쉽게 선보일 수 있습니다.

기본적으로 WordPress에는 비디오 슬라이더를 만드는 옵션이 없습니다. 따라서 웹 사이트에서 WordPress youtube 비디오 슬라이더를 만들려면 반응형 youtube 비디오 슬라이더를 쉽게 만들 수 있는 WordPress Carousel Pro 와 같은 최고의 플러그인 중 하나를 선택해야 합니다.

반응형 YouTube 동영상 슬라이더
반응형 YouTube 동영상 슬라이더

WordPress Carousel Pro 플러그인 으로 YouTube 동영상 슬라이더를 만들려면 3단계를 따라야 합니다.

1단계: WordPress Carousel Pro 플러그인 설치 및 활성화

2단계: 새 YouTube 비디오 캐러셀 추가

3단계: WordPress 사이트에 YouTube 비디오 회전 목마 표시

1 단계. WordPress Carousel Pro 플러그인 설치 및 활성화

먼저 WordPress YouTube 비디오 슬라이더를 만들기 위해 WordPress Carousel Pro 플러그인을 설치하고 활성화해야 합니다. 모든 WordPress 플러그인의 설치 및 활성화는 모두 동일합니다. 그러나 지침이 필요한 경우 이 설치 및 활성화 지침 을 따를 수 있습니다 .

워드프레스 캐러셀 프로

2단계: 새 YouTube 비디오 캐러셀 추가

플러그인 설치 및 활성화를 성공적으로 완료했습니다. 이제 첫 번째 YouTube 동영상 캐러셀을 만들 차례입니다. 정말 빠르고 쉬운 과정입니다. 그러나 활성화를 마치면 WordPress 대시보드 메뉴에서 WP Carousel Pro 메뉴를 찾을 수 있습니다. 이제 새로 추가 메뉴를 클릭하면 여러 필드가 있는 인터페이스가 열립니다. 이제 내용으로 필드를 채우십시오. 이 경우 가이드를 단계별로 따르십시오.

(i) 캐러셀 제목: 이 필드에 YouTube 비디오 캐러셀의 제목을 지정합니다.

(ii) 캐러셀 유형: WordPress Carousel Pro 플러그인을 사용하여 다목적 캐러셀을 만들 수 있습니다. YouTube 비디오 슬라이더를 만들려면 비디오 캐러셀 유형을 선택하기만 하면 됩니다.

캐러셀 유형 선택: 동영상

(iii) 비디오 추가: 비디오 캐러셀 유형을 선택하면 비디오를 추가하기 위한 버튼을 찾을 수 있습니다. 따라서 비디오 추가 버튼을 클릭하십시오. 결과적으로 다음 입력 필드가 있는 인터페이스가 열립니다.

비디오 입력 필드

비디오 소스를 선택하는 옵션이 있음을 알 수 있습니다. 다양한 소스에서 비디오를 선택할 수 있습니다. YouTube 동영상 슬라이더를 만들려면 YouTube를 동영상 소스로 선택해야 합니다 . 다음 화면과 같습니다.

선택: 비디오 소스

또한이 단계에서 이제 YouTube 비디오 캐러셀에 추가하려는 비디오 ID를 입력해야 합니다. 그렇기 때문에 해당 영상 링크로 이동하여 아이디를 수집하고 영상 아이디 필드에 아이디를 설정해주세요. 다음 화면과 같습니다.

비디오 ID 제공

그러나 비디오를 쉽게 복제할 수 있습니다. 따라서 동일한 절차에 따라 필요에 따라 비디오를 추가하십시오. 동영상을 끌어다 놓을 수도 있습니다.

(iv) 회전 목마 사용자 정의: 플러그인은 고도로 사용자 정의할 수 있습니다. 필요에 따라 모든 필드를 사용자 정의할 수 있습니다.

(v) 게시: 사용자 지정을 완료하면 YouTube 비디오 캐러셀을 게시할 준비가 완전히 된 것입니다. 이제 게시 버튼을 클릭하여 게시합니다.

3단계: YouTube 비디오 캐러셀 표시

마지막으로 YouTube 동영상 캐러셀을 성공적으로 만들었습니다. 결과적으로 이제 WordPress 웹 사이트에 YouTube 비디오 회전 목마를 표시할 준비가 완전히 되었습니다. 이제 단축 코드를 복사하여 원하는 곳에 붙여넣어야 합니다.

생성된 단축 코드

구텐베르크 편집자

워드프레스 테마에서 구텐베르크 에디터를 사용 중이라면 단축번호를 붙여넣기 하면 아래와 같은 화면이 나옵니다.

구텐베르크 편집자

클래식 편집기

Classic Editor라는 이전 편집기를 사용할 수도 있습니다. 클래식 에디터에서 숏코드를 붙여넣으면 다음과 같은 화면이 나옵니다.

클래식 편집기

단축 코드를 복사하여 페이지에 붙여넣고 마침내 WordPress 웹 사이트에서 다음 결과를 찾았습니다.

유튜브 비디오 회전 목마 슬라이더

유튜브 비디오 캐러셀 커스터마이징

비디오 캐러셀을 사용자 정의하고 다른 모양과 느낌으로 표현할 수 있는 몇 가지 옵션이 있습니다. 비디오의 제목을 표시하려면 다음 제목 및 설명 필드에서 제목을 추가하기만 하면 됩니다.

동영상 제목

이제 스타일 설정 탭을 클릭하고 설명 표시 및 숨기기 옵션까지 아래로 스크롤합니다. 따라서 콘텐츠를 표시하는 옵션을 켜기만 하면 됩니다. 아래 스크린샷을 따를 수 있습니다.

비디오 설명 켜기

이 단계를 완료했으면 이제 결과를 확인하십시오. 나는 그것을했고 다음과 같은 결과를 찾았습니다.

제목이 있는 YouTube 비디오 캐러셀

게다가 여기서 끝이 아니다. 또한 각 비디오에 대한 설명을 추가할 수도 있습니다. 설명을 추가하고 싶다면 제목을 추가하는 절차를 따라하시면 ​​됩니다. 그것은 다음과 같습니다 -

비디오 설명

마지막으로 단축 코드를 붙여넣은 페이지를 다시 새로 고치면 비디오 설명도 표시됩니다. 그것은 다음과 같이 보일 것입니다-

제목 및 설명이 포함된 YouTube 동영상 캐러셀

또한 비디오 아이콘 색상을 사용자 정의할 수도 있습니다. 비디오 아이콘 색상을 사용자 정의하려면 스타일 설정 탭을 클릭하고 비디오 아이콘 색상 옵션으로 이동해야 합니다. 그러나 다음과 같이 보일 것입니다.

비디오 아이콘 색상 사용자 정의

그리고 동영상 아이콘 색상으로 빨간색을 선택했습니다. 이제 캐러셀 슬라이더 미리보기로 돌아가서 새로 고칩니다. 새로 고침하면 아이콘 색상이 변경됩니다. 나는 다음을 얻었다.

비디오 아이콘 색상 출력

마지막 단어

마지막으로, 저는 이 기사의 끝 부분에 있습니다. 최선의 방법과 가장 쉬운 방법을 따라 작업을 완료하고 첫 번째 YouTube 비디오 회전 목마를 성공적으로 만드셨기를 바랍니다.