Divi 5를위한 5 개의 회전 목마 디자인 (무료 다운로드)

그룹 캐 러셀 모듈을 사용하면 깨끗하게 보이고 다른 화면 크기에 아름답게 적응하고 Divi 5에서는 간단한 회전 목마를 만들 수 있습니다.이 무료 팩에서는 5 가지 독특한 회전식 섹션 디자인을 찾을 수 있습니다. 각각의 사이트 전체에서 일관된 브랜딩을 위해 글로벌 스타일을 상속받을 수 있습니다. 이 회전 목마는 당신이 어떤 페이지에도 떨어질 준비가되어 있습니다!

시사

이 팩의 5 개의 회전 목마 섹션을 모두 살펴 보겠습니다. 이 팩은 게시물 아래로 더 다운로드 할 수 있습니다.

YouTube 채널을 구독하십시오

Divi 5에 대한 5 개의 회전 목마 섹션을 다운로드하십시오

5 개의 회전 목마 섹션을 모두 무료로 구입하십시오. 각 섹션은 사이트의 글로벌 색상, 글꼴 및 버튼을 선택하는 기본 버전입니다. Divi 라이브러리로 가져와 모든 페이지에 추가하십시오.

파일을 다운로드하십시오

무료로 다운로드하십시오

Divi Newsletter에 가입하면 Ultimate Divi Landing Page Layout Pack의 사본과 다른 놀라운 무료 Divi Resources, Tips 및 Tricks를 이메일로 보내 드리겠습니다. 따라 오면 당신은 곧 Divi Master가 될 것입니다. 이미 구독 한 경우 아래의 이메일 주소를 아래에 입력하고 다운로드를 클릭하여 레이아웃 팩에 액세스하십시오.

다운로드

당신은 성공적으로 구독했습니다. 구독을 확인하고 무료 주간 Divi 레이아웃 팩에 액세스하려면 이메일 주소를 확인하십시오!

포함 된 내용 (6 개의 수출)

폴더를 다운로드하여 압축 해제하면 6 개의 레이아웃 내보내기가 개별 섹션과 전체 "모든 섹션"팩으로 깔끔하게 구성됩니다.

기본 - 개별 섹션 (5) → 글로벌 스타일을 사용합니다.
기본값 - 모든 섹션 (1) → 전체 스타일을 사용한 전체 팩.

회전식 디자인을 사용하는 방법

다운로드 폴더를 가깝게 유지하려면 Divi 웹 사이트로 가져 오기 시작하십시오.

1. 섹션을 Divi 라이브러리로 가져옵니다

Divi → Divi Library로 이동하십시오.

거기에 있으면 가져 오기 및 내보내기 버튼을 클릭하여 파일을 설치하십시오.

회전 목마 섹션 (모두) 파일을 찾아 클릭하여 가져 오십시오.

2. 페이지에 회전 목마 섹션을 추가하십시오

시각적 빌더에서 페이지를 열거 나 새 사진을 작성하십시오.

파란색 "+"를 클릭하여 새 섹션을 추가 한 다음 라이브러리에서 추가를 선택하십시오.

삽입하려는 회전식 섹션을 클릭하십시오.

이 섹션 사용 버튼을 클릭하여 섹션을로드하십시오.

완료되면 페이지를 저장하십시오.

스타일링이 작동하는 방법 (기본값 만)

이 섹션은 색상, 타이포그래피, 버튼 및 간격에 대한 사이트의 글로벌 스타일을 상속합니다. 이미 글로벌 스타일을 설정하면 회전식이 즉시 브랜드와 일치합니다. 필요한 경우 섹션, 행, 열 또는 모듈 레벨의 모든 것을 재정의 할 수 있습니다.

회전식을 사용자 정의합니다

Divi 5의 Group Carousel 모듈은 모든 것을 응답하면서 레이아웃을 조정하는 강력한 도구를 제공합니다. 사이트 스타일에 맞게 이러한 섹션을 사용자 정의하는 방법은 다음과 같습니다.

1. 슬라이드 컨텐츠를 교체하십시오

시각적 빌더에서 슬라이드를 호버하고 이미지, 텍스트 모듈, 버튼, blurb 또는 아이콘 목록 (이미지) 내부 모듈을 엽니 다. 이미지, 복사 및 통화를 교체하십시오. Divi AI를 사용하여 간결한 헤드 라인 또는 캡션을 작성할 수 있습니다.

슬라이드에 여러 모듈이 포함 된 경우 스타일을 일관되게 유지하기 위해 각 모듈에 대해 반복하십시오.

2. 회전식 설정을 조정하십시오

그룹 회전 목마 설정을 엽니 다. 설계 탭에서 장치 당 뷰 당 항목, 슬라이드 갭, 자동 재생, 속도, 루프 및 내비게이션 (화살표) 또는 페이지 매김 (DOTS).

반응 형 토글을 사용하여 브레이크 포인트를 미세 조정하십시오.

최소 UI를 선호하는 경우 화살표 나 점을 비활성화하고 스 와이프 및 드래그 상호 작용에 의존하십시오.

3. 슬라이드에 요소를 추가하십시오

슬라이드의 내용을 열고 버튼, blurb, 아이콘 목록, 비디오 또는 로티 애니메이션과 같은 모듈을 추가하십시오. 한쪽의 이미지에 대한 슬라이드 내부에서 2 열 줄을 사용하고 다른쪽에는 텍스트를 사용하거나 제품 카드 및 평가를 위해 세로로 스택 요소를 쌓으십시오.

빠르게 강조하려면 작은 텍스트 모듈을 헤드 라인 위의 레이블로 추가하거나 기본 스타일로 설명 아래 버튼 모듈을 떨어 뜨립니다.

4. 재주문, 복제 또는 슬라이드를 제거하십시오

그룹 회전식 구조에서 슬라이드를 끌어서 재정렬하여 슬라이드를 복제하여 스타일링을 일관되게 유지하거나 필요하지 않은 슬라이드를 삭제하십시오. 깨끗한 페이지 매김을 위해 총 수의 균형과 균형을 유지하십시오.

5. Flexbox를 사용하여 슬라이드 레이아웃 제어

슬라이드 내부에서 컨테이너를 열 레이아웃으로 설정 한 다음 틈을 사용하여 깨끗한 간격을 사용하십시오. 정당화 컨텐츠를 사용하여 컨텐츠 중앙에 정당화하고 왼쪽, 중앙 또는 오른쪽 정렬에 대한 항목을 정렬하십시오 . 슬라이드를 가로 지르는 동등한 높이 카드 용 아이템을 스트레칭하십시오.

헤드 라인이 모바일로 감싸는 경우 모듈의 응답 컨트롤에서 글꼴 크기를 줄이거 나 텍스트 컨테이너에서 최대 너비를 설정하십시오.

6. 디자인 변수, 사전 설정 및 속성 확장 속성을 사용하십시오

디자인 변수에 색상과 간격을 묶으므로 모든 브랜드가 모든 슬라이드에서 캐스케이드를 업데이트합니다. 일반적으로 사용되는 모듈 스타일을 헤드 라인, 버튼 또는 배지의 사전 설정으로 저장하십시오.

확장 속성을 사용하여 한 모듈에서 나머지 슬라이드로 스타일 변경을 적용하십시오.

빠른 글로벌 조정을 위해 섹션 전체의 색상 또는 글꼴 크기에서 찾기 및 교체를 사용하십시오.

7. 선택 사항 : 루프 빌더로 동적 컨텐츠로 전환하십시오

게시물, 프로젝트 또는 사용자 정의 게시물 유형을 쿼리하는 루프 요소로 정적 슬라이드 컨텐츠를 교체하여 회전 목마를 동적 슬라이더로 전환하십시오. 쿼리를 선택하고 카드를 한 번 디자인 한 다음 새 항목이 회전 목마를 자동으로 채우도록하십시오.

이는 블로그 하이라이트, 제품 회전 목마, 포트폴리오 항목 또는 평가에 이상적입니다.

오늘 캐 러셀을 구축하려면 Divi 5를 사용하십시오

이 5 개의 그룹 회전 목마 섹션은 Divi 5 빌드 속도를 빠르게 높이는 방법입니다. 그것들을 다운로드하고, 어떤 페이지에 놓고, 당신의 자신의 페이지로 만드십시오. 그룹 캐 러셀 모듈은 모션을 처리하여 디자인에 집중할 수 있습니다.