Divi 슬라이더를 만들기 위한 궁극적인 가이드

게시 됨: 2020-09-04

우아한 테마의 Divi는 오늘날 사용 가능한 가장 인기 있는 WordPress 테마 및 페이지 빌더 중 하나입니다. 이 페이지 빌더는 전체 웹사이트를 만들 수 있는 끌어서 놓기 편집기입니다. 선택할 수 있는 사용 가능한 모듈이 많이 있으므로 웹 사이트를 더 쉽게 만들 수 있습니다. 이 기사에서는 Divi에서 사용 가능한 슬라이더 모듈을 소개합니다. 또한 웹 사이트를 더욱 독특하게 만들 수 있는 슬라이더 플러그인 대안 을 보여 드리겠습니다.

Divi 슬라이더 모듈

웹사이트에서 슬라이더나 블록을 사용하는 것은 오늘날 새로운 일이 아닙니다. Divi와 같은 페이지 빌더에는 페이지용 슬라이더 모듈을 생성하는 옵션이 이미 있습니다. 이는 슬라이더 를 생성하는 가장 쉽고 빠른 솔루션 입니다. Divi는 단순 슬라이더, 비디오 슬라이더 및 포스트 슬라이더 모듈의 3가지 종류의 슬라이더 모듈을 제공합니다.

Divi 슬라이더 모듈
사용 가능한 Divi 슬라이더 모듈

이 모듈들을 살펴봅시다!

슬라이더 모듈

Divi 슬라이더 모듈은 페이지에 기본 슬라이더를 배치하려는 경우 훌륭한 솔루션이 될 수 있습니다. 모든 설정은 Divi 빌더 내부에 있으며 디자인이 맞는지 아닌지 즉시 확인할 수 있습니다.

Divi 슬라이더 모듈

이 슬라이더는 이미지나 비디오를 보여주고, 일부 텍스트를 표시하고, CTA를 넣을 수 있는 훌륭한 슬라이더 모듈입니다. 이러한 이유로 영웅 슬라이더를 빠르게 생성할 수 있습니다. 타이포그래피, 색상 또는 글머리 기호 스타일 설정과 같은 사용자 지정 옵션도 있습니다. 슬라이더에는 이미지 크기를 조정할 수 있는 슬라이더 배경 이미지를 설정하는 옵션이 있습니다. 또한 오버레이를 넣을 수 있습니다. 또한 시차 효과를 추가하여 사이트를 보다 전문적으로 만들 수도 있습니다.

👍 굿
  • 사용하기 쉬운
  • 시차 배경
  • 비디오 배경
  • 장치에서 슬라이더 숨기기
👎 나쁨
  • 슬라이드 콘텐츠의 순서를 변경할 수 없습니다.
  • 제한된 구조

비디오 슬라이더

Divi는 페이지에 비디오 슬라이더를 만드는 또 다른 슬라이더 모듈을 제공합니다. 이 모듈을 사용 하여 동영상을 정리할 수 있습니다 . 모든 소스 를 사용할 수 있습니다. 예를 들어 YouTube 또는 Vimeo 링크를 넣거나 자신의 mp4 비디오를 업로드할 수 있습니다. 따라서 어느 것을 사용할지는 귀하에게 달려 있습니다. 다른 슬라이더 모듈과 유사한 사용자 정의 옵션이 있습니다. 또한 썸네일 이미지와 재생 버튼도 사용자 지정할 수 있습니다.

비디오 슬라이더 모듈

👍 굿
  • 모든 유형의 비디오를 사용할 수 있습니다.
  • 비디오 갤러리를 만드는 쉬운 방법
👎 나쁨
  • 자동 재생 옵션 없음
  • 영상이 처음부터 시작될 때마다

포스트 슬라이더

Divi의 포스트 슬라이더
동적으로 변경되는 게시물 슬라이더를 만드는 것은 최신 또는 추천 게시물 을 표시하는 데 유용합니다. Divi는 최신 게시물을 표시하고, 표시할 기사 수와 순서를 정의할 수 있는 게시물 슬라이더 모듈을 제공합니다. 추천 이미지를 슬라이드 배경으로 설정하고 게시물 제목과 메타를 표시하고 게시물 자체로 연결되는 더 읽기 버튼을 넣을 수 있습니다.

👍 굿
  • 동적으로 변화하는 콘텐츠
  • 카테고리에서 선택할 수 있습니다
  • 맞춤형 포스트 카운트 및 주문
👎 나쁨
  • 제한된 디자인과 구조

더 나은 Divi 슬라이더를 만드는 방법은 무엇입니까?

Divi의 슬라이더 모듈은 훌륭하지만 약간 제한적이라고 생각합니다. 더 사용자 정의 가능한 슬라이더 를 만들고 싶다면 Divi와 호환되는 슬라이더 플러그인을 찾는 것이 좋습니다. Smart Slider는 WordPress 최고의 슬라이더 플러그인 중 하나입니다 . 무료 버전에도 시작할 수 있는 훌륭한 기능이 있습니다. Smart Slider는 사용자 정의 디자인을 만드는 데 도움이 되며 모든 레이어를 사용자 정의할 수 있습니다 . 이 플러그인에는 Divi 모듈이 있으므로 평소와 같이 게시할 수 있습니다.

Smart Slider 3 플러그인이 Divi 슬라이더 기능을 어떻게 업그레이드할 수 있는지 알고 싶으시길 바랍니다. 가장 중요한 개선 사항 중 하나는 사용자 지정 순서 및 배치로 4개 이상의 레이어로 슬라이드쇼를 만들 수 있다는 것입니다.

전체 페이지 포트폴리오 슬라이더 예

Smart Slider에는 더 많은 유형의 레이어 중에서 선택할 수 있는 레이어 목록이 있습니다. 행과 열은 구조화하는 데 도움이 됩니다. 레이어를 세로 및 가로로 정렬하고, 최대 너비를 설정하고, 색상이나 서체를 변경 하여 독특한 디자인을 만들 수 있는 옵션이 있습니다. 충분하지 않으면 레이어에서 절대 위치를 사용하여 슬라이더를 디자인할 수 있습니다. 다른 레이어와 위치를 결합하여 Smart Slider 3 및 Divi를 사용하여 진정으로 독특한 웹사이트 를 만들 수 있습니다.

스마트 슬라이더 3를 사용하는 방법?

Smart Slider는 WordPress 저장소에서 무료로 사용할 수 있는 슬라이더 플러그인입니다. 다운로드하고 활성화하기만 하면 됩니다. 그런 다음 슬라이더 만들기를 시작할 수 있습니다. 시작할 수 있는 미리 만들어진 템플릿이 많이 있지만 처음부터 시작할 수 있는 옵션이 있습니다.

슬라이더를 사용할 준비가 되었다면 Smart Slider Divi 모듈로 게시하십시오.

스마트 슬라이더 모듈

Divi 슬라이더 모듈과 스마트 슬라이더 비교

기본 Divi 슬라이더와 Smart Slider의 무료 및 프로 버전을 비교하겠습니다. Divi 슬라이더 모듈은 많은 사용자 정의 옵션이 있고 Divi 내부에 있기 때문에 Divi의 훌륭한 모듈이라고 생각합니다. 모든 것이 한 곳에 있으며 새로운 인터페이스를 알 필요가 없습니다. 하지만 원하는 레이아웃을 만들 수 없기 때문에 기능이 제한됩니다.

원하는 위치에 레이어를 배치할 수 있는 보다 구체적인 레이아웃을 원하고 보다 독특한 콘텐츠를 생성할 수 있는 경우 Smart Slider 3 사용을 고려하십시오 . 무료 버전은 Divi 모듈과 같은 많은 기능을 제공하며 Pro에서는 제한이 없습니다.

몇 가지 관련 차이점을 살펴보겠습니다!

Divi 슬라이더 모듈
스마트 슬라이더 3 무료
스마트 슬라이더 3 프로
레이어 5 6 23
타이포그래피 옵션
드래그 앤 드롭 인터페이스
배경 이미지
배경 비디오 mp4, 웹엠 mp4
시차 효과
레이어 애니메이션
전환
통제 수단 2 5 7
동적 변수
정적 오버레이
자동 재생

상호 작용

스마트 슬라이더 인터페이스

가장 큰 차이점은 인터페이스입니다. Divi를 사용하면 WordPress 웹 사이트에 슬라이더를 쉽게 추가할 수 있습니다. 설정 필드에 텍스트를 입력한 다음 이미지를 업로드하기만 하면 슬라이더가 준비됩니다. 그러나 기능과 관련하여 인상적인 슬라이더를 만들 수 있는 경우 Divi 슬라이더에는 몇 가지 제한이 있습니다. 그럼에도 불구하고 Smart Slider에서는 드래그 앤 드롭 슬라이드 편집기 를 사용할 수 있으며 원하는 위치에 레이어를 배치할 수 있습니다.

애니메이션 및 효과

배경 애니메이션 모드를 사용하면 디자인에 생명을 불어넣을 수 있습니다. Divi에는 슬라이더를 즐겁게 할 수 있는 기본 애니메이션 옵션이 있지만 Smart Slider 3 Pro에서는 기본 애니메이션, 배경 애니메이션 및 고유한 레이어 애니메이션 의 3가지 애니메이션 중에서 선택할 수 있습니다.

사용자 정의 가능한 컨트롤

각 슬라이더 모듈에는 컨트롤을 사용자화할 수 있는 옵션이 있지만 Smart Slider에서는 더 많은 방법으로 컨트롤을 고유하게 만들 수 있습니다. 컨트롤을 다른 위치에 배치하거나 색상, 간격을 변경하거나 다른 장치에서 숨길 수 있습니다. Smart Slider 3 외에도 이미지 갤러리 스타일의 썸네일 슬라이더를 생성할 수 있는 썸네일을 표시하는 옵션이 있습니다.

무료 썸네일 슬라이더

슬라이더 자동 재생

Smart Slider는 대부분의 슬라이더 플러그인에서 인기 있는 기능인 슬라이더 자동 재생을 제공합니다. 이렇게 하면 슬라이더가 잠시 후 슬라이드를 전환합니다. 이것은 방문자의 주의 를 끌 수 있지만 자동 재생 슬라이더가 마음에 들지 않으면 이 설정을 비활성화하면 됩니다.

스마트 슬라이더 3를 Divi 슬라이더로 선택해야 하는 이유는 무엇입니까?

단순하고 기본적인 것을 좋아한다면 다른 플러그인을 설치하고 슬라이더를 만드는 방법을 배우고 싶지 않을 수도 있습니다. Divi에는 슬라이더 모듈도 있습니다. 그렇다면 슬라이더를 생성하기 위해 다른 플러그인을 사용해야 하는 이유는 무엇입니까? Smart Slider를 선택하는 데 도움이 되는 몇 가지 기능을 살펴보겠습니다.

스마트 슬라이더에서 사용 가능한 슬라이더 유형
스마트 슬라이더의 슬라이더 유형. 맨 위 행: 단순(무료) 및 캐러셀(Pro). 맨 아래 행: 블록(무료) 및 쇼케이스(Pro)

Smart Slider 3 Free를 선택하는 이유

  • 무료입니다. Smart Slider의 무료 버전은 WordPress 저장소에서 사용할 수 있으며 비용을 지불할 필요가 없습니다.
  • 슬라이더를 만드는 자유. 행, 열 및 위치 지정 옵션 덕분에 복잡한 레이아웃을 만들 수 있습니다.
  • 사용자 정의 컨트롤. 화살표, 글머리 기호, 축소판, 텍스트 막대를 상상한 대로 사용하세요. 위치를 지정하거나 색상을 변경하거나 표시하지 않으려면 비활성화하십시오.
  • 템플릿을 사용할 준비가 되었습니다. Smart Slider 3에서는 완전히 사용자화할 수 있는 사전 제작된 템플릿으로 시작할 수 있습니다. 내용이나 이미지를 변경하기만 하면 슬라이더가 준비됩니다.
  • 무료 스마트 슬라이더 템플릿
    무료 스마트 슬라이더 템플릿
  • 반응형 슬라이더. 최소한의 노력으로 모든 장치에서 멋지게 보이는 슬라이더를 만들 수 있습니다.

Smart Slider 3 Pro를 선택하는 이유

이제 Smart Slider 3가 Divi 웹사이트에 슬라이드쇼 프레젠테이션을 추가하는 기능을 업그레이드하는 방법에 대해 더 잘 이해하셨기를 바랍니다. 하지만 여전히 확실하지 않다면 Smart Slider 3 Pro의 몇 가지 기능을 살펴보겠습니다!