Divi 5의 루프 빌더에 대해 알아야 할 모든 것

루프 빌더가 최신 기능입니다 . Divi 5 Visual Builder 내에서 사용자 정의 블로그 피드, 제품 그리드 또는 기타 동적 콘텐츠를 구축하는 새로운 방법을 제공합니다. 이 강력한 새로운 추가 기능을 통해 제작자는 유연성으로 루핑 컨텐츠를 구축하여 게시물, 제품 및 기타 사용자 정의 게시물 유형을 표시하는 방법을 변환 할 수 있습니다.

이 게시물에서는 루프 빌더의 기능을 탐색하고 사용 방법에 대한 단계별 안내서를 제공합니다. 시작합시다!

Divi 5의 루프 빌더는 무엇입니까?

Divi 5의 루프 빌더는 Divi 사용자가 시각적 빌더 내에서 직접 동적 루핑 설계를 생성하고 사용자 정의 할 수있는 새로운 기능입니다. 블로그 게시물, WooCommerce 제품 또는 기타 사용자 정의 게시물 유형을 선보이든 Divi 5의 루프 빌더를 사용하면 정적, 사전 정의 된 모듈에 국한되지 않고 Divi 요소를 사용하여 컨텐츠 루프를 구축 할 수 있습니다.

YouTube 채널을 구독하십시오

Divi 5의 루프 빌더의 이점은 자유에 있습니다. 사용자 정의 쿼리로 복잡한 레이아웃을 설계하고 Divi의 전체 디자인 도구로 스타일을 지정할 수 있습니다. 즉, 세련된 블로그 피드부터 완전히 제어하여 동적 제품 그리드에 이르기까지 모든 것을 만들 수 있습니다.

루프 빌더의 주요 기능

Divi 5의 루프 빌더에는 강력한 기능이있어 동적, 맞춤형 컨텐츠 루프를 생성하는 뛰어난 도구가됩니다. 다음은 어떻게 다재다능하고 사용자 친화적 인 이유를 자세히 살펴 봅니다.

1. 유연한 루프 생성

루프 빌더를 사용하면 사전 정의 된 모듈에만 국한되지 않습니다. 모든 Divi 요소에서 루프 옵션을 전환하여 동적 컨텐츠 루프로 변환 할 수 있습니다. 루프를 사용하면 비주얼 빌더를 사용하여 사용자 정의 템플릿을 만들 수 있으므로 미니멀리스트 블로그 그리드에서 포트폴리오에 이르기까지 비전에 맞는 레이아웃을 자유롭게 만들 수 있습니다.

2. 사용자 정의 쿼리 옵션

루프 빌더를 사용하면 표시 할 콘텐츠를 제어 할 수 있습니다. 게시 유형, 카테고리, 게시물 수 또는 고급 메타 쿼리별로 루프를 사용자 정의 할 수 있습니다. WOO 제품, 이벤트 또는 저자가 필터링 한 컨텐츠와 같은 CPT (Custom Post Type)를 완전히 지원합니다. 즉, 코드를 작성하거나 타사 플러그인을 사용하지 않고 사이트에서 거의 모든 컨텐츠 유형에 대한 루프를 만들 수 있습니다.

3. 동적 컨텐츠 통합

포스트 타이틀, 주요 이미지, 발췌 또는 사용자 정의 필드를 포함하여 동적 컨텐츠를 루프 템플릿으로 원활하게 가져옵니다. Loop Builder는 리피터 필드를 포함하여 ACF에 대한 기본 지원을 제공하므로 루프 내에 데이터를 직접 표시 할 수 있습니다. 이 통합은 컨텐츠가 동적이고 고도로 사용자 정의 가능하도록합니다.

4. 디자인 자유

시각적 빌더로 루프 컨텐츠를 스타일링하여 그리드, 회전식 또는 슬라이더와 같은 독특하고 눈길을 끄는 레이아웃을 만듭니다. 모든 측면이 완전히 사용자 정의 할 수 있으므로 루프가 브랜드와 일치하도록합니다.

루프 빌더의 작동 방식

Divi 5의 루프 빌더는 동적 컨텐츠 루프 생성을 단순화하여 초보자 및 고급 사용자가 액세스 할 수 있도록합니다. 루프를 구축하기 전에 Divi 5의 루프 빌더 내의 모든 설정을 검토해 봅시다.

Divi 5의 루프 빌더 설정 이해

Divi 5의 루프 빌더를 사용하면 특정 기준을 기반으로 다양한 유형의 컨텐츠를 가져와 표시하여 웹 사이트에 동적 섹션을 만들 수 있습니다. 각 설정을 살펴보면 그들이하는 일과 사용 방법을 더 잘 이해할 수 있습니다.

쿼리 유형

이것은 당신의 루프의 기본 선택입니다. Divi 5에 레이아웃에 어떤 콘텐츠를 가져오고 싶은지 알려줍니다. 게시물, 약관 또는 사용자 중에서 선택할 수 있습니다. 게시물은 블로그 게시물, 프로젝트 또는 사이트에있는 사용자 정의 게시물 유형과 같은 표준 콘텐츠입니다. 용어는 범주, 태그 또는 사용자 정의 분류를 나타냅니다. 마지막으로 사용자를 사용하면 저자 또는 기여자와 같은 사이트의 사용자에 대한 정보를 표시 할 수 있습니다.

게시물 유형

쿼리 유형에 대한 게시물을 선택하는 경우이 설정은 표시 할 특정 종류의 게시물을 개선합니다. 이는 레시피 나 평가와 같이 블로그 게시물, 제품, 프로젝트, 페이지 또는 등록 한 사용자 정의 게시물 유형 일 수 있습니다.

자귀

쿼리 유형으로 용어를 선택할 때이 설정을 사용하면 루프하려는 특정 범주 또는 태그를 선택할 수 있습니다. 예를 들어, 이들은 태그, 형식, 프로젝트 카테고리, 프로젝트 태그 또는 사용자 정의 분류 용어 일 수 있습니다.

사용자

이 설정을 사용하면 사용자를 반복 할 때 포함하려는 사용자 역할을 필터링 할 수 있습니다. 예를 들어 저자, 기고자, 편집자 및 관리자가 있습니다.

특정 용어가있는 게시물을 포함합니다

Divi 5를 사용하면 특정 카테고리 및 태그를 통해 게시물을 루프 할 수 있으며 게시물 선택을 좁히기 위해 특정 범주 나 태그에 할당 된 것만 포함합니다.

특정 용어로 게시물을 제외합니다

이 설정은 위 설정과 반대입니다. 특정 범주 또는 탭에 할당 된 루프에서 게시물을 제거합니다. 특정 카테고리를 제외한 모든 블로그 게시물을 제외하고 모든 블로그 게시물을 표시하려는 경우에 유용합니다.

특정 게시물을 포함합니다

게시물을 반복하는 경우 특정 게시물 만 포함 할 수 있으며 블로그 게시물이나 제품을 제공하는 데 탁월합니다. 예를 들어, 집이나 방문 페이지에 특집 게시물 섹션을 만들고 Divi의 루프 빌더를 사용하여 소개가 원하는 게시물이나 제품 만 표시 할 수 있습니다.

특정 게시물을 제외합니다

이를 통해 루프에서 특정 개별 게시물을 제거 할 수 있습니다. 특정 게시물이 구식이거나 사이트의 다른 곳에 표시되는 특별 프로모션의 일부와 같이 특정 게시물이 일반 블로그 게시물 피드에 나타나는 것을 방지하는 좋은 방법입니다.

주문

이것은 루프 된 항목이 나타날 순서를 결정합니다. 게시 날짜, 없음, ID, 제목, 게시물 이름, 마지막 수정 날짜, 랜덤, 저자 또는 댓글 카운트로 정렬 할 수 있습니다.

페이지 당 게시물

이 설정은 컨텐츠의 단일 페이지에 루프 내에 표시되는 항목 수를 제어합니다. 이것은 착륙, 포트폴리오 또는 아카이브 페이지에 특정 수의 게시물 또는 제품을 선보이는 좋은 방법입니다.

사후 오프셋

이 설정을 사용하면 쿼리 결과의 시작부터 여러 항목을 건너 뛸 수 있습니다. 포스트 오프셋은 고유 한 레이아웃을 만드는 데 매우 유용합니다. 예를 들어, 상단에 하나의 대형 추천 게시물 (별도 모듈 사용)과 두 번째 게시물부터 나머지 게시물을 표시하는 루프가있을 수 있습니다.

메타 쿼리

메타 쿼리는 루프 빌더가 사용자 정의 콘텐츠를 위해 강력한 설정입니다. 게시물, 약관 또는 사용자에 추가 한 사용자 정의 필드를 기반으로 컨텐츠를 필터링 할 수 있습니다.

메타 키

메타 키는 콘텐츠와 관련된 사용자 정의 데이터의 고유 식별자입니다. 이 데이터는 WordPress 데이터베이스의 Post_Meta 테이블에 저장됩니다.

메타 가치

메타 값은 메타 키 필드 내에서 찾고있는 특정 값입니다.

비교하다

이 설정은 메타 값을 메타 키에 대한 데이터베이스에 저장된 실제 값과 비교하는 방법을 정의합니다. 옵션에는 평등, 평등이 아닌 것, 크고, 크고 같거나 평등,보다 적거나, 포함되지 않거나, 포함되지 않으며, 목록에 포함되어 있지 않으며, 필드가 존재하지 않으며, 필드는 존재하지 않습니다.

유형

이 유형은 비교 중에 메타 값을 해석하는 방법을 Divi에게 알려줍니다. 정확한 비교, 특히 숫자 또는 날짜와 관련이 있습니다. 문자, 숫자, 바이너리, 날짜, DateTime, Decimal, Signed 또는 Unsigned 중에서 선택할 수 있습니다.

이러한 설정을 결합하면 Divi 사이트에서 매우 정교하고 동적 인 컨텐츠 디스플레이를 만들어 원하는 콘텐츠를 정확하게 끌어 당기고 원하는 방식으로 필터링 할 수 있습니다.

Divi 5에서 루프 생성 (블로그 게시물 그리드)

새로운 3 열 줄을 추가하십시오

시각적 빌더의 페이지에 3 열 줄을 추가하여 시작하십시오.

15px 테두리 반경, 모든면에 25px 패딩 및 1px 솔리드 #000000 테두리를 추가하여 첫 번째 열을 스타일링하십시오.

열에서 루프를 활성화합니다

다음으로 첫 열의 컨텐츠 설정에서 루프 요소가 전환 할 수 있습니다.

행 레이아웃 포장

다음으로, 공간이 다 떨어지면 요소가 다음 줄로 떨어질 수 있도록 행에 포장을 활성화해야합니다. 행의 디자인 탭 으로 이동하여 레이아웃 드롭 다운 메뉴를 확장 한 다음 레이아웃 랩핑 에서 랩을 선택하십시오.

레이아웃> 수평 간격에서 루프 요소 사이의 수평 간격을 조정할 수 있습니다.

루프 컨텐츠를 추가하십시오

이러한 설정이 설치되면 루프에 모듈을 추가 할 수 있습니다. 첫 번째 열을 클릭하여 이미지 모듈을 추가하십시오. 각 열에는 이미지 자리 표시자가 자동으로 추가됩니다.

이미지 모듈 설정에서 동적 컨텐츠 아이콘을 클릭하십시오. 다음으로 사용 가능한 옵션에서 루프 특집 이미지를 선택하십시오.

드롭 다운 메뉴에서 축소판 크기를 선택하고 적용을 클릭하십시오.

첫 번째 열의 이미지 모듈 아래에 제목 모듈을 추가하십시오. 동적 콘텐츠 아이콘을 클릭하고 루프 게시물 제목을 선택하십시오. 원하는대로 제목을 스타일링하십시오.

다음으로 루프의 첫 번째 열에 텍스트 모듈을 추가하십시오. 동적 컨텐츠 아이콘을 클릭하고 루프 저자를 선택하십시오.

마지막으로, 게시물 발췌에 대한 다른 텍스트 모듈을 추가합니다. 추가되면 동적 컨텐츠 아이콘을 클릭하고 루프 발췌문을 선택하십시오.

대화 상자가 나타나면 텍스트 전후의 텍스트, 루프 위치 및 단어 수를 설정하고 더 많은 텍스트를 읽을 수 있습니다.

루프 사용자 정의 필드 사용

루프에 사용자 정의 필드를 표시하려면 ACF (Advanced Custom Fields)로 만든 것들을 포함하여 Divi 5의 사용자 정의 게시물 유형 및 필드와의 통합을 사용할 수 있습니다. 예를 들어, ACF를 사용하여 책의 맞춤 포스트 유형을 만들어 루프 빌더를 사용하여 정보를 표시 할 수 있습니다.

시각적 빌더에서 쿼리 유형 으로 포스트 유형을 선택하고 게시물 유형으로 책을 선택하십시오.

Divi 5의 루프 빌더를 사용하면 맞춤형 필드를 쉽게 활용하여 동적 컨텐츠의 유연성을 향상시킵니다. ACF를 사용하는 경우 호환 모듈에서 동적 컨텐츠 아이콘을 선택하여 루프 사용자 정의 필드에 액세스 할 수 있습니다.

Divi 5의 ACF 통합의 가장 좋은 기능 중 하나는 편의를 위해 필드의 레이블이 지정되는 방법입니다. 동적 컨텐츠 메뉴에서 사용자 정의 필드를 선택할 때 Divi는 메타 키가 아닌 ACF 필드 그룹에 정의 된 ACF 필드의 레이블을 표시합니다. 이는 특히 여러 맞춤형 필드를 관리 할 때 올바른 필드를 직관적으로 식별하고 선택합니다.

예를 들어, 책 의 맞춤 포스트 유형에 대한 장르 의 ACF 필드가있는 경우이 데이터를 텍스트 모듈로 가져와 루프 내에서 동적으로 장르를 표시 할 수 있습니다.

Divi 5는 ACF 리피터 필드를 지원합니다

Divi 5를 사용하면 루프 내에 복잡한 반복 데이터 세트를 표시 할 수 있습니다. 먼저 ACF 리피터 필드가 ACF에 설정되어 있는지 확인하십시오.

이미지 모듈과 같은 모듈을 루프 열에 추가하십시오. 동적 컨텐츠 설정에서 루프 사용자 정의 필드를 선택한 다음 리피터 필드를 선택하십시오. Divi는 리피터의 서브 필드를 표시하여 이미지 서브 필드와 같은 특정 데이터를 선택하여 루프 내에 다이나믹 갤러리를 만듭니다. 예를 들어, 루프의 각 이미지가 그리드로 스타일로 리피터 필드에서 일련의 이미지를 표시하는 포트폴리오 쇼케이스를 만들 수 있습니다.

사용자 및 용어 루프

Divi 5의 루프 빌더는 사용자 및 용어를 루프하는 데 사용될 수도 있습니다. 사용자 루프의 경우 팀원 쇼케이스를 만들 수 있습니다. 이를 달성하려면 쿼리 유형을 사용자 에게 설정하고 역할별로 필터링하고 사용자 아바타의 이미지 모듈과 같은 모듈과 이름의 텍스트 모듈을 추가하십시오.

약관 루프의 경우 프로젝트 카테고리 쇼케이스를 구축 할 수 있습니다. 이것은 다른 프로젝트와 해당 카테고리를 표시하기 위해 카테고리 페이지를 작성하는 좋은 방법입니다. 쿼리 유형을 용어 로 설정하고 분류 체계를 선택하고 특정 용어를 포함하십시오.

루프 게시물, 프로젝트, 카테고리 또는 저자이든, 루프 빌더는 게시물 이외의 다양한 컨텐츠 유형을 처리하여 끝없는 창의적 가능성을 제공 할 수 있습니다.

Divi 5의 루프 빌더 사용의 이점

Divi 5의 루프 빌더는 단순한 기능이 아닙니다. 동적 레이아웃을 쉽게 만들 수있는 변형 도구입니다. 다음은 Divi 사용자에게 반드시 필요한 주요 이점입니다.

• 유연성 : 루프 빌더는 창의적인 자유를 제공하여 행에서 슬라이더에 이르기까지 모든 Divi 요소를 사용하여 모든 컨텐츠 유형을 루프 할 수 있습니다. 미리 정의 된 레이아웃에 잠그는 모듈과 달리 루프 빌더는 완전한 설계 제어를 제공하여 창의성을 희생하지 않고 고유 한 레이아웃을 가능하게합니다.
• 효율성 : 시각적 빌더에 직접 구축 된 재사용 가능한 루프 템플릿으로 워크 플로를 향상시킵니다. 단일 템플릿을 만들고 쿼리 및 스타일을 사용자 정의하고 여러 페이지 또는 게시 유형에 적용하십시오.
• 기본 통합 : 루프 빌더는 Divi 5에 내장되어 복잡한 컨텐츠 디스플레이를위한 원활한 기본 솔루션을 제공합니다.
• 향상된 CPT 지원 : 루프 빌더는 WOO, ACF 및 사용자 정의 게시물 유형을 완전히 지원하므로 복잡한 웹 사이트에 이상적입니다.

Divi 5의 루프 빌더로 동적 웹 사이트를 구축하십시오

Divi 5의 Loop Builder는 Divi 사용자가 블로그 게시물 및 WOO 제품에서 맞춤형 게시물 유형에 이르기까지 모든 게시물 유형 또는 분류법에 대한 유연하고 동적 컨텐츠 루프를 생성 할 수 있도록합니다. Divi 요소를 사용자 정의 가능한 루프로 변환하고 ACF와 같은 사용자 정의 포스트 유형 플러그인과 완벽하게 통합되며 사용자에게 Visual Builder 내의 전체 디자인 제어를 제공 할 수 있습니다. 루프 빌더는 동적 컨텐츠가 표시되는 방법을 재정의합니다.

Divi 5를 다운로드하여 Divi로 웹 사이트를 구축하는 방법을 높이는 방법을 발견하여 Loop Builder에 뛰어들 것을 권장합니다!