새로운 그룹 회전식 모듈, 로티 모듈 등!

오늘, 우리는 Divi 5의 새로운 루프 빌더를 사용하여 포스트 기반 회전 목마를 포함하여 모든 유형의 회전 목마 또는 슬라이더를 만들 수있는 많은 요청 그룹 회전식 모듈을 포함하여 Divi 5 용 3 개의 새로운 모듈을 발표했습니다.

또한 쉬운 JSON 기반 애니메이션을위한 Lottie 모듈과 쉬운 목록 작성을위한 아이콘 목록 모듈을 추가했습니다.

Divi 5의 새로운 아키텍처는 모듈 제작을 간단하게 만들므로 Divi 5의 공식 릴리스 후 놀라운 양의 새로운 모듈을 출시 할 것입니다. 우리가 다음 달 베타 단계로 진행하는 데 집중하는 동안 이것은 당신을 붙잡는 전채 일뿐입니다.

새로운 기능을 보려면 다음 비디오를 확인하십시오.

그룹 회전식 모듈

가장 중요한 추가 사항은 그룹 회전식 모듈입니다.

다른 회전 목마와 달리 그룹 회전 목마의 각 슬라이드는 빈 캔버스입니다. 각 슬라이드에 모듈을 추가하여 회전식 또는 슬라이더를 만들 수 있습니다. 슬라이드 수, 슬라이드의 내용 및 기타 애니메이션 설정을 제어합니다. Divi의 광범위한 디자인 설정을 사용하여 그룹을 스타일로 만들 수 있으므로 독특한 스타일과 전환 효과를 만들 수 있습니다.

게시물, 용어 및 사용자 기반 회전 목마를 만듭니다

Divi 5의 루프 빌더를 사용하면 회전 목마 내부의 그룹을 루프하여 게시물, 용어 또는 사용자 기반 회전 목마를 생성 할 수 있습니다. 이렇게하면 웹 사이트의 동적 컨텐츠를 가져와 각 슬라이드를 자동으로 작성합니다.

그룹에서 루핑을 활성화하고 쿼리를 사용자 정의하고 동적 컨텐츠를 회전식 요소에 연결하십시오. 이 예에서는 ACF를 사용하여 만든 사용자 정의 게시물 유형과 필드를 사용하여 평가 회전 목마를 만들었습니다.

회전 목마 예

그룹 회전 목마 모듈의 아름다움은 회전 목마의 각 슬라이드가 Divi의 그룹 컨테이너에 싸인 빈 캔버스라는 것입니다. 중첩 행과 함께 모듈 내부에 모든 모듈을 추가하고 Flexbox를 사용하여 고급 슬라이드 레이아웃을 만들 수 있습니다.

하늘은 한계입니다!

또한 변환, 필터 및 박스 섀도우와 같은 Divi의 전체 범위의 디자인 설정을 활용하여 전환 효과를 만듭니다.

예제 #1 : 맞춤형 풀 스크린 슬라이더

그룹 회전 목마는 페이지 당 몇 개의 슬라이드를 표시 할 수 있습니다. 단일 슬라이드로 제한하면 슬라이더가 있습니다. Divi의 기존 슬라이더 모듈에서 벗어나 새로운 것을 만들 수 있습니다.

예제 #2 : 멀티 슬라이드 팀 회전 목마

페이지 당 표시 할 슬라이드 수와 화살표를 클릭 할 때마다 스크롤 할 슬라이드 수를 선택할 수 있습니다. 이 예에서는 소셜 팔로우 모듈을 사용한 소셜 링크를 포함하여 About Page 용 팀 슬라이더를 만들었습니다.

예제 #3 : 용어 기반 루핑 회전 목마

Divi 5의 루프 빌더를 사용하여 용어 기반 회전 목마를 구축 할 수 있습니다. 이 예에서는 회전 목마가 Woocommerce 제품 범주를 통해 루핑됩니다. 카테고리 이름과 기능 이미지는 루프의 각 슬라이드와 동적으로 생성됩니다.

예제 #4 : 창의적인 전환이있는 음식 메뉴

이 예에서는 최고의 판매 요리 목록을 통해 미끄러지는 메뉴를 만들었습니다. 비활성 슬라이드의 스케일과 불투명도를 조정하면 각 항목을 미끄러지면서 재미있는 전환 효과가 발생합니다.

로티 모듈

새로운 Lottie 모듈을 사용하면 웹 사이트에 Lottie 애니메이션을 쉽게 추가하고 애니메이션 및 상호 작용을 쉽게 제어 할 수 있습니다.

Lottie Animations는 JSON 및 SVG 기반이기 때문에 훌륭합니다. 온라인에서 훌륭한 애니메이션을 찾고 페이지에 쉽게 추가 할 수있는 곳이 많이 있습니다.

Lottie 모듈을 사용하면 애니메이션 속도, 트리거, 방향, 루핑 등을 사용자 정의 할 수 있습니다.

옆 참고 : WordPress Media Library는 JSON 파일을 업로드 할 수 없습니다. WordPress 미디어 라이브러리를 통해 Lottie 애니메이션을 업로드하려면 파일 업로드 유형과 같은 플러그인을 사용하여 JSON 업로드를 활성화 할 수 있습니다.

아이콘 목록 모듈

아이콘 목록 모듈은 Divi의 가장 기본적인 모듈에서 작은 공허를 채우는 간단한 추가 기능입니다. 각 항목에 목록을 작성하고 고유 한 아이콘을 쉽게 할당합니다.

이전에는 목록을 작성하는 유일한 방법은 텍스트 모듈 내부에서 수동으로 이루어 졌기 때문에 간단하지만 환영받는 추가입니다.

오늘 Divi 5를 사용해보십시오

이 새로운 모듈은 오늘 Divi 5에서 사용할 수 있으며 올해 Divi에 오는 많은 기능 중 하나입니다.

Divi 5 이상의 최종 릴리스를 통해 2 주마다 업데이트를 통해 진행할 수 있습니다. 우선 순위에 따라 Divi 5를 사용하여 새 웹 사이트를 구축하거나 더 많은 기능을 추가 할 때까지 기다릴 수 있습니다.

Divi 5의 원래 다중 단계 릴리스 일정에 요약 된 바와 같이, Divi 5 Public Alpha는 "Divi 5 Lite"와 같습니다. 몇 가지 기능이없고 기존 웹 사이트에 적합하지 않을 수 있지만 Divi 4의 경험을 선호하는 경우 새 웹 사이트에서 사용할 준비가되었습니다.

우리는 당신이 그것을 시도하기를 원하며, 당신이 그것을 좋아한다면 그것을 사용하십시오. 모두가 그것을 좋아할 때, 우리는 그것을 공식화 할 것입니다.

루프 빌더를 사용해 보셨습니까?

당신이 그것을 놓친 경우, 우리는 최근 Divi 5 용 완전히 새로운 루프 빌더를 출시했습니다.

Divi의 루프 빌더는 자유가 독특합니다. 정적 루프 모듈이나 컨테이너로 제한되지 않고 모든 것을 반복 할 수 있습니다. 루핑 요소를 빌드 한 다음 다양한 편리한 옵션과 메타 쿼리를 사용하여 쿼리를 사용자 정의하십시오. WooCommerce, ACF로 만든 맞춤형 필드 및 ACF 리피터 필드를 포함한 사용자 정의 게시물 유형을 지원합니다.

놀라운 기능입니다!

모든 세부 사항에 대해이 비디오를보십시오.

더 많은 Divi 5 업데이트가 진행 중입니다

2025는 Divi 5의 해입니다 . 지루한 일은 우리 뒤에 있습니다. 우리는 초고속 재단을 만들었고 이제 Divi가 복귀 할 때입니다.

Divi 컴백을 위해 여기에 있다면, 우리에게 큰 호의를 베풀고이 비디오를 좋아하고 의견을 남겨서 알려주십시오. 그것은 당신이 Divi를 응원하는 것을 보는 것을 우리에게 의미하며, 알고리즘을 공급하고 단어를 전파하는 것이 필수적입니다.

YouTube에서 우리를 팔로우하고 Divi 뉴스 레터를 구독하여 업데이트를 놓치지 마십시오. 또 다른 Divi 5 장편 발표를 위해 곧 뵙겠습니다.