디비 커스텀 루프 매뉴얼

1. 개념 디비 커스텀 루프 모듈은  반복대상의 템플릿을 DIVI 라이브러리도 대체 할수 있습니다. 적용 Divi 라이브러리 에서 반복대상의 구조를 생성합니다. Divi > 테마 빌더 에서 “디비 커스텀 루프” 모듈을 선택합니다. 빌더 화면에서 모듈 설정 하기 디비 커스텀 루프 모듈의 설정을 합니다. 반복대상 레이아웃 에서  Divi 라이브러리 에서 생성한 레이아웃을 선택합니다. 디자인은 그리드, 리스트 를 선택할수 […]

1. 개념

디비 커스텀 루프 모듈은  반복대상의 템플릿을 DIVI 라이브러리도 대체 할수 있습니다.

적용

  1. Divi 라이브러리 에서 반복대상의 구조를 생성합니다.

    카테고리 목록에 사용될 라이브러리

    Divi 라이브러리 목록

  2. Divi > 테마 빌더 에서 “디비 커스텀 루프” 모듈을 선택합니다.
  3. 빌더 화면에서 모듈 설정 하기
  4. 디비 커스텀 루프 모듈의 설정을 합니다. 반복대상 레이아웃 에서  Divi 라이브러리 에서 생성한 레이아웃을 선택합니다. 디자인은 그리드, 리스트 를 선택할수 있습니다.
  5. 페이징 방식은 페이지 방식 과 더보기 방식이 있습니다. 페이지 방식은 일반적인 페이지 이동방식을 제공합니다. WP-PageNavi 플러그인을 사용하면 게시판 스타일의 숫자 페이지 넘버를 사용할수 있습니다.

    Wordpress 기본 페이지 방식 WP-PageNavi 를 사용한 화면

     
  6. 더보기 방식을 사용하면 다음페이지를 페이지 이동 없이 현재 페이지 하단에 이어서 출력합니다.

 

2. 루프 레이아웃 만들고, 적용하기

디비 커스텀 루프의 기능은 강력하지만, 실제 사이트에 적용하는 일은 매우 쉽습니다.

① 루프 레이아웃 만들기

루프 레이아웃은 포스트 타입(글, 상품 등)의 리스트나 그리드를 만들 때, 사용할 레이아웃입니다. 디비 > 디비 라이브러리에서 새로 추가를 클릭합니다. 레이아웃 방식은 무엇을 선택해도 무방합니다. 단, 자유로운 구성을 위해서는 섹션 계열(섹션, 전체너비 섹션, 특별 섹션)을 선택하는 게 좋습니다.

이미지, 텍스트 등을 이용해 레이아웃을 만듭니다.

② 루프 레이아웃 불러오기

①에서 만든 레이아웃을 적용할 빌더 화면으로 들어갑니다. 페이지 빌더, 테마 빌더 등등 Divi Builder를 사용할 수 있는 페이지면 무방합니다. 커스텀 루프 모듈을 선택하고, ①에서 만든 레이아웃을 불러오고 저장합니다.

3. FAQ

수정된 루프 레이아웃이 실제 화면에는 반영되지 않습니다.

원인

디비는 정적 CSS 파일 생성 기능을 내장하고 있습니다.
물론 위 기능을 사용하지 않을 수도 있지만, 속도 뿐 아니라 특히 페이지 렌더링을 미려하게 만들어 줍니다.
흔희 ‘페이지가 출렁거린다’라고 표현하는 CSS 로딩 순서의 문제를 해결해 줍니다.

일반적으로 페이지 빌더, 테마 빌더 등에서 변경사항이 발생하면 정적 HTML이 생성됩니다. 하지만, 디비 커스텀 루프의 레이아웃(루프 대상 레이아웃)과 같이 해당 저장 프로세스를 따를 수 없는 써드 파티 플러그인의 경우 생성이 안됩니다.

해결책

아래의 간단한 작업으로 정적 CSS 파일을 비울 수 있습니다.

  • 디비 > 테마 옵션 > 빌더 > 공급에서 정적 CSS 파일 생성에서 정적 CSS 파일 비우기 클릭
  • 관리자 툴바 에서 정적 CSS 파일 비우기 클릭
p

구매 전 문의는 해당 아이템 소개 페이지의 문의하기를 이용하시면 됩니다. 구매고객 중 궁금하신 점은 1:1 문의를 이용해 주십시오.

    0
    장바구니
    장바구니가 비었습니다.
      할인쿠폰 적용