2019년 최고의 Divi 튜토리얼 10가지

올해는 우아한 테마 블로그의 Divi 콘텐츠에 있어 가장 큰 해였습니다. 우리는 최고의 튜토리얼을 포함하여 수백 개의 게시물을 게시했습니다. 이 게시물에서 저는 가장 인기 있는(올해에 가장 많이 방문한) Divi 튜토리얼 10가지를 강조하여 편집 직원의 탁월한 작업을 강조하고 싶었습니다. 그리고 물론 여러분이 사용할 수 있는 최고의 Divi 리소스 중 일부만 커뮤니티에 상기시켜 드립니다.

2019년 최고의 Divi 튜토리얼 10가지

1. Divi 웹사이트 속도를 높이는 궁극적인 가이드

사실, Divi에는 이전 업데이트에 추가된 많은 성능 향상 기능이 있어 Divi 사이트(및 Divi Builder)가 그 어느 때보다 빠르게 실행됩니다. 또한 Divi는 타사 최적화를 염두에 두고 제작되었습니다. WordPress에 사용되는 많은 성능 최적화 플러그인은 Divi 웹사이트의 속도 성능을 높이는 데에도 사용할 수 있습니다.

이 게시물에서 우리는 Divi의 속도를 높이기 위해 이미 수행된 작업과 더 빠르게 만들기 위해 할 수 있는 작업을 탐색할 것입니다.

이 게시물 읽기

2. Divi 또는 Extra 및 WPML로 다국어 웹사이트를 만드는 방법

Divi와 Extra로 다국어 웹사이트를 만드는 것은 쉽습니다. 둘 다 WPML을 지원하므로 Divi 및 Extra로 다국어 웹사이트를 만들 수 있습니다. WPML은 Divi 및 Extra와의 호환성을 개선하고 웹사이트를 훨씬 더 쉽게 번역할 수 있는 기능을 추가했습니다. 이 기사에서는 Divi 또는 Extra 및 WPML을 사용하여 다국어 웹사이트를 만드는 방법을 알아봅니다.

이 게시물 읽기

3. 내장 설정을 사용하여 달성할 수 있는 5가지 크리에이티브 Divi 헤더 모듈 스타일

기본적으로 Divi 헤더 모듈은 몇 가지 조정만으로 눈에 띄는 헤더 디자인을 만들 수 있습니다. 이것은 Divi에서 웹사이트의 헤더를 디자인할 때 매우 인기 있는 모듈입니다. 그리고 약간의 독창적인 생각으로 기본 제공 설정(사용자 정의 CSS 없음)만 사용하여 정말 독특한 디자인을 만들 수 있습니다. 따라서 새로운 헤더 디자인을 탐색하려는 분들을 위해 영감을 줄 수 있는 5가지 Divi 헤더 모듈 스타일을 보여 드리겠습니다.

이 게시물 읽기

4. 다른 중단점에서 Divi 갤러리 모듈의 열 수 변경

Divi 갤러리 모듈을 사용하면 반응형 그리드 레이아웃으로 아름다운 이미지 갤러리를 만들 수 있습니다. 갤러리는 이미지 크기를 조정하고 다양한 브라우저 너비에 따라 그리드의 열 수를 조정하기 때문에 반응형으로 간주됩니다.

기본적으로 갤러리 모듈에는 그리드의 열 수를 조정하는 세 개의 중단점(특정 브라우저 너비에서 스타일이 변경되는 지점)이 있습니다. 데스크탑에서는 이미지 갤러리를 4열로 표시한 다음 태블릿에서는 3열, 소형 태블릿(및 대형 휴대폰)에서는 2열, 휴대폰에서는 1열로 나눕니다.

이 기본 설정은 일반적으로 대부분의 경우에 작동하지만 때로는 특정 브라우저 너비에 표시되는 열 수를 더 많이 제어해야 할 수도 있습니다. 그렇기 때문에 이 튜토리얼에서는 데스크탑뿐만 아니라 3개의 추가 브라우저 중단점에 대해서도 Divi 갤러리 모듈에 표시되는 열 수를 완벽하게 제어하는 ​​방법을 보여드릴 것입니다.

이 게시물 읽기

5. Divi의 테마 빌더로 사용자 정의 글로벌 헤더를 만드는 방법

이제 테마 빌더가 있으므로 웹사이트를 A부터 Z까지 설정하는 데 도움이 되는 새로운 튜토리얼을 보고 싶습니다. 여기에는 Divi의 기본 제공 옵션을 사용하여 사용자 정의 헤더를 만드는 것이 포함됩니다. 이 튜토리얼에서는 Divi의 Theme Builder를 사용하여 전역 헤더를 만드는 데 중점을 둘 것입니다. 전체 헤더는 해당 페이지나 게시물에 다른 헤더를 할당하지 않는 한 웹사이트의 모든 곳에 표시됩니다.

이 게시물 읽기

6. 플러그인 없이 Divi의 모든 모듈로 플립 카드를 만드는 방법

플립 카드는 사용자가 웹사이트와 상호작용할 수 있는 재미있는 방법입니다. 멋진 플립 애니메이션을 제공할 뿐만 아니라 하나의 간결한 위치에서 추가 정보를 제공할 수 있습니다. 이 튜토리얼에서는 플러그인을 사용하지 않고 Divi 모듈을 플립 카드로 바꾸는 방법을 보여 드리겠습니다! 이 방법을 사용하면 하나의 Divi 모듈을 카드 앞면으로 사용하고 다른 Divi 모듈을 카드 뒷면으로 사용할 수 있습니다. divi 빌더를 사용하여 원하는 대로 각 모듈(전면 및 후면)을 디자인할 수도 있습니다. 기능은 CSS의 몇 가지 스니펫(jquery 없음)을 통해 수행됩니다.

이 게시물 읽기

7. Divi에서 회사 로고를 표시하는 간단하고 창의적인 방법

웹사이트에 회사 로고를 표시하는 데는 여러 가지 이유가 있습니다. 회사 로고의 "Featured In" 섹션은 잠재적인 투자자나 파트너에게 영향을 줄 수 있습니다. 또는 "고객 포함" 섹션은 방문자와 함께 가치 있는 사회적 증거를 확립할 수 있습니다. 그러나 이유가 무엇이든 이러한 로고를 웹사이트에 추가하는 방법을 아는 것이 중요합니다. 이 튜토리얼에서는 Divi를 사용하여 웹사이트에 회사 로고를 추가하는 세 가지 방법을 살펴보겠습니다. 모든 Divi 모듈에 로고 갤러리를 추가하는 방법도 보여드리겠습니다!

이 게시물 읽기

8. Divi의 평가 모듈을 스타일링할 수 있는 5가지 환상적인 방법

방문자가 웹 사이트에서 항상 찾는 한 가지는 평가입니다. 그들은 신뢰성을 나타내며 귀하의 웹 사이트를 방문할 때 리드 또는 잠재 고객이 갖는 의사 결정 프로세스에 영향을 미칩니다. 공유할 강력한 평가를 확인하는 것 외에도 시각적으로 매력적으로 만드는 것도 중요한 역할을 합니다. 이 게시물에서는 기본 제공 옵션만 사용하면서 Divi Testimonial Module의 스타일을 지정할 수 있는 5가지 환상적인 방법을 보여 드리겠습니다.

이 게시물 읽기

9. 각 슬라이드의 특정 요소를 변경하기 위해 Divi 슬라이더를 사용자 정의하는 방법

슬라이더가 웹사이트의 스크롤 없이 볼 수 있는 부분을 극대화하는 데 훌륭하다는 것을 우리는 모두 알고 있습니다. 그들은 훌륭해! 사용자는 페이지를 아래로 스크롤하지 않고도 볼 수 있는 여러 CTA와 중요한 기능을 환영합니다. 그러나 슬라이드에서 슬라이드로 디자인과 콘텐츠를 너무 많이 변경하면 방문자가 주의를 산만하게 하거나 압도할 수 있습니다. 그렇기 때문에 이 튜토리얼에서는 각 슬라이드 전환 시 특정 요소만 변경하도록 Divi 슬라이더를 사용자 지정하는 방법을 보여 드리겠습니다. 이렇게 하면 각 슬라이드에서 특정 요소(예: 단일 단어 또는 버튼)만 변경하면서 슬라이더의 핵심 내용과 디자인 구성 요소를 일관되게 유지할 수 있습니다. 방문자는 변경 사항을 쉽게 처리하고 클릭 유도문안을 명확하게 이해할 수 있습니다.

이 게시물 읽기

10. Divi에서 사용자 지정 사진 갤러리 슬라이더를 만드는 방법

슬라이더는 스크롤 없이 볼 수 있는 한 곳의 편리한 위치에 있는 추천 서비스, 제품 또는 페이지로 사용자를 유인하는 데 유용합니다. 일부 사이트(저는 사진가라고 생각합니다)는 홈페이지에 하나 이상의 사진 갤러리를 표시해야 합니다. 이를 위해 슬라이더를 사용하는 것이 좋은 옵션일 수 있습니다. 그러나 이와 같은 슬라이더에 사진 갤러리를 표시하는 것을 고려하지 않았을 수 있습니다.

이 튜토리얼에서는 Divi 이미지 갤러리를 슬라이드에 포함하여 Divi에서 완전히 사용자 정의된 사진 갤러리 슬라이더를 만드는 쉬운 방법을 보여 드리겠습니다. 비결은 슬라이더의 콘텐츠 영역에 WordPress 이미지 갤러리를 만드는 것입니다. 그런 다음 기본 WordPress 갤러리 스타일 대신 Divi 갤러리를 사용하는 옵션을 확인하고 선택하기만 하면 됩니다. 구현하기가 매우 쉽고 재미있습니다.

이 게시물 읽기

결론적으로

매년 우리가 집중하는 Divi 콘텐츠 유형은 어떤 새로운 기능이 출시되는지에 따라 크게 달라집니다. 우리는 사람들에게 그것을 사용하는 방법을 가르치고 흥미로운 방식으로 해당 기능을 한계까지 밀어붙이는 많은 새로운 튜토리얼로 새로운 기능 릴리스를 보완하는 것이 가장 좋다고 생각합니다. 그러나 이 접근 방식은 우리가 많이 뛰어다니고 몇 가지 주제를 다루지 않은 채로 남겨둘 수 있음을 의미합니다. 따라서 새해에 처리할 수 있는 Divi 튜토리얼 요청이 있는 경우 아래 댓글 섹션에 공유해 주시면 대기열에 추가하겠습니다!

hobbit/Shutterstock.com을 통한 추천 이미지