Divi 5 용 루프 빌더 소개

오늘날 우리는 루프 빌더 Divi 5를 소개하여 Divi 요소를 사용하여 루핑 포스트 기반 및 용어 기반 컨텐츠를 구성 할 수 있습니다.

Divi의 루프 빌더는 자유가 독특합니다. 정적 루프 모듈이나 컨테이너로 제한되지 않고 모든 것을 반복 할 수 있습니다. 루핑 요소를 빌드 한 다음 다양한 편리한 옵션과 메타 쿼리를 사용하여 쿼리를 사용자 정의하십시오.

WooCommerce, ACF로 만든 맞춤형 필드 및 ACF 리피터 필드를 포함한 사용자 정의 게시물 유형을 지원합니다.

놀라운 기능입니다!

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

아무것도 반복하십시오

가장 먼저 : 루프 빌더 란 무엇입니까? 간단히 말해서, 웹 사이트 데이터베이스 (게시물, 제품, 카테고리 및 저자)에서 컨텐츠 루프를 표시하고 루프에서 각 항목의 디자인을 사용자 정의 할 수있는 도구입니다.

이를 통해 사용자 정의 블로그 피드, 제품 목록, 이벤트 캘린더, 코스 목록, 카테고리 페이지 및 기타 모든 것과 같은 게시물 기반 컨텐츠를 만들 수 있습니다!

1. 먼저, Divi 요소 및 디자인 설정을 사용하여 루핑 된 항목에 대한 템플릿을 작성하십시오.
2. 다음으로 루프에서 컨텐츠를 제어하는 쿼리를 사용자 정의하십시오 (게시물 수, 게시물 유형, 카테고리 등).
3. 마지막으로, 루프에서 템플릿에서 동적 컨텐츠를 연결하십시오 (게시물 제목, 주요 이미지, 발췌 등).

세부 사항에 들어가기 전에 Divi의 새로운 루프 빌더를 사용하여 만들 수있는 것의 예를 알려 드리겠습니다.

예제 #1 : 사용자 정의 블로그 피드

아래 비디오의 아름다운 블로그 피드를보십시오. WordPress의 핵심이자 Divi Blog Module의 핵심이기 때문에 블로그 게시물 루프에 익숙하지만이 예제는 블로그 모듈이 아닙니다. 커스텀 루프입니다.

Divi 요소와 디자인 설정을 사용하여 블로그 템플릿을 구성했습니다. 다음으로 내 컨텐츠 요소가 포함 된 열에 대한 루핑을 켜고 게시물을 통해 루프를 선택했습니다. 열이 반복되고 각 인스턴스는 루프의 게시물을 나타냅니다.

마지막으로, Post Tile 및 Featured Image와 같은 루프에서 동적 컨텐츠를 연결하여 루프의 각 항목이 고유 한 컨텐츠를 표시합니다. 모든 유형의 게시물 기반 컨텐츠를 만들기 위해 모든 게시물 유형에 대해이 작업을 수행 할 수 있습니다.

예제 #2 : 추천 WooCommerce 제품

이 예에서는 홈페이지를위한 특집 Woocommerce 제품 루프를 만들었습니다. 템플릿은 행 내에서 루핑 된 열 내의 모듈 및 그룹을 사용하여 구성되었습니다.

쿼리를 사용자 정의하여 등장하려는 특정 제품을 표시했습니다.

예제 #3 : 이벤트 캘린더

이 예제의 이벤트 캘린더 플러그인에서 다가오는 이벤트 루프를 만들었습니다. Divi의 루프 빌더를 사용하면 루핑 요소를 설계 할 수있는 완전한 자유를 제공하므로 특히 Divi 5의 Flexbox 레이아웃 시스템으로 루프 설계를 통해 창의력을 발휘할 수 있습니다.

모든 게시물 유형에 대해 사용자 정의 필드 (Post Meta)를 활용할 수도 있습니다. 이 경우 이벤트 가격과 날짜 필드를 사용할 수 있습니다.

예제 #4 : LMS 코스 슬라이더

슬라이더 내의 슬라이드처럼 모듈 하위 항목을 루프 할 수도 있습니다.

아래 비디오의 루핑 슬라이드는 Tutor LMS의 특징 코스를 표시합니다.

Divi는 게시물 슬라이더 및 블로그 모듈과 같은 포스트 기반 모듈의 개념을 가지고 있지만 동적 컨텐츠와 Divi의 새로운 루프 빌더를 사용하면 모든 요소가 동적 루프로 바뀔 수 있습니다.

예제 #5 : WooCommerce 카테고리 페이지

이용 약관 및 사용자를 통해 반복 할 수도 있습니다.

이 예에서는 모든 WooCommerce 제품 카테고리를 루프하는 최상위 제품 페이지를 만들었습니다.

루프의 각 항목은 게시물이 아닌 카테고리입니다. 제품 카테고리 제목과 특집 이미지는 메타라는 용어에서 동적으로 가져옵니다.

예 #6 : 블로그 저자

아래의 예제에서 나는 블로그의 모든 저자를 특징으로하는 페이지를 만들었습니다.

저자 역할을 가진 모든 사용자를 고정시키고 이름, 아바타 및 바이오를 표시합니다.

쿼리 루프 옵션 탐색

루프에 나타나는 게시물을 제어하는 루프 빌더의 쿼리 옵션을 살펴 보겠습니다. 루프를 통과 할 포스트 유형, 카테고리 및 태그별로 필터 게시물, 특정 게시물을 필터링하거나 특정 콘텐츠를 대상으로하는 사용자 정의 메타 쿼리를 작성할 수 있습니다. 포스트 주문 및 오프셋을 제어 할 수도 있습니다.

• 쿼리 유형 - 게시물, 이용물 또는 사용자에 관계없이 루프하려는 것을 선택하십시오.
• 게시물 유형 - 게시물을 루핑하는 경우 블로그 게시물, WooCommerce 제품, Divi 프로젝트 등과 같은 게시물 유형을 선택할 수 있습니다.
• 용어 - 반복 용어 인 경우 카테고리 및 태그와 같은 루프 할 항을 선택할 수 있습니다.
• 사용자 - 사용자를 반복하는 경우 저자 또는 기여자와 같은 사용자의 역할을 선택할 수 있습니다.
• 특정 용어가있는 게시물 포함 - 게시물을 루핑하는 경우 특정 범주 및 태그의 게시물만으로 루프하도록 선택할 수 있습니다.
• 특정 용어로 게시물 제외 - 특정 범주에서 게시물을 제외 할 수도 있고 루프에서 태그를 제외 할 수도 있습니다.
• 특정 게시물 포함 - 루핑 게시물이있는 경우 루프에 특정 게시물 만 포함 할 수 있으며 블로그 게시물이나 제품이 특징입니다.
• 특정 게시물 제외 - 루프에서 특정 게시물을 제외 할 수도 있습니다.
• 주문 - 오름차순 또는 내림차순으로 반복 된 품목을 주문하십시오.
• 페이지 당 게시물 - 각 페이지에 얼마나 많은 루프 항목이 나타나야하는지 선택하십시오.
• 사후 오프셋 - 모든 N 항목 만 표시합니다. 이를 통해 동일한 쿼리를 통해 여러 루프를 만들 수 있으며 각각 고유 한 게시물과 디자인 세트가 있습니다.
• 메타 쿼리 - 포스트 메타 키를 사용하여 루프를 필터링하기 위해 사용자 정의 쿼리를 빌드하십시오.
  • 메타 키 - Post_meta 테이블의 메타 키.
  • 메타 값 - 특정 메타 키가있는 항목의 값.
  • 비교 - 일단 특정 메타 키를 쿼리하면 값을 비교하여 쿼리에 영향을 미치는 방법을 선택할 수 있습니다.
  • 유형 - 숫자, 날짜, 시간 등과 같은 값 비교 유형.

사용자 정의 필드 및 포스트 유형 지원

Divi의 루프 빌더는 두 가지 방식으로 사용자 정의 필드를 지원합니다. 먼저 Custom Meta 쿼리를 사용하여 모든 사용자 정의 필드 데이터가 포함 된 Post_meta 테이블의 게시물 데이터를 기반으로 루프에 특정 컨텐츠를 표시 할 수 있습니다. 둘째, 루프 템플릿 내의 컨텐츠로 사용자 정의 필드 데이터와 같은 WP_Postmeta 테이블의 데이터를 표시 할 수 있습니다.

ACF (Advanced Custom Fields) 지원

Divi의 루프 빌더는 ACF (Advanced Custom Fields)를 사용하여 생성 된 사용자 정의 필드를 지원합니다. 사용자 정의 필드를 선택할 때 상단에 모든 ACF 필드가 있으며 관련 필드 이름이 표시됩니다.

ACF 리피터 필드 지원

Divi의 루프 빌더는 ACF 리피터 필드도 지원합니다. ACF를 사용하여 쿼리 루프를 생성 한 경우 쿼리 유형 메뉴에서 선택할 수 있으며 모든 것이 제자리에 떨어집니다.

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

Divi 5 용 루프 빌더는 오늘 이용할 수 있으며 올해 Divi에 오는 많은 기능 중 하나입니다.

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

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

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

Flexbox를 사용해 보셨습니까?

당신이 그것을 놓친 경우, 우리는 최근 Divi 5 용 완전히 새로운 Flexbox 기반 레이아웃 시스템을 출시했습니다.

이것은 사소한 업데이트가 아닙니다. Divi를 재창조하여 응답 레이아웃 분석, 사용자 정의 모듈 순서, 쉬운 수직 정렬 및 요소 위치 등을 포함하여 레이아웃 구조를 구축 할 수 있습니다. 돌을 돌리지 않고 옵션이 잊혀지지 않았습니다. 우리는 모든 일을했으며 수업에서 가장 좋습니다. 비디오 설명에는 자세한 내용을 알 수있는 링크가 있습니다.

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

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

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

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

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