지식 DB

상용 서비스를 위한 진짜 워드프레스 정보

다양한 쿼리 루프 블록과 FacetWP 연동하기

발행:

| 업데이트:

지식

WP스퀘어의 모든 정보는 국내 상용 서비스를 기준으로 작성됩니다.

본 내용은 다양한 쿼리 루프 블록에 공통으로 적용할 수 있습니다. 함께 사용할 수 있는 쿼리 루프 블록은 FacetWP의 호환성 목록을 참고해 주십시오.

FaceWP 연동의 장점

KB 고급 쿼리 루프 등 몇몇 쿼리 루프 블록은 자체 필터링 기능을 가지고 있고, 기본 쿼리 반복문도 필터링 익스텐션이 있지만, FacetWP를 사용하면 아래와 같은 장점이 있습니다.

  • 빠른 속도: FacetWP는 DB 인데싱을 겅쳐 동작하므로 매우 빠른 필터링 속도를 보여 줍니다.
  • 자유로운 필터링 소스: 포스트 타입, 택소노미 용어, 메타 필드 등 수 없이 다양한 소스를 필터링에 사용할 수 있습니다.
  • 방대한 UI 요소: 페이셋(facet)이라는 이름으로 체크박스, 드롭다운, f셀렉트, 라디오, 슬라이더, 검색 창, 더보기 등 매우 다양한 UI 요소를 사용할 수 있습니다.

따라하기

1) 플러그인 설치

쿼리 블록이 있다는 전제에서 아래 플러그인을 설치하고 활성화합니다.

  • FacetWP
  • FacetWP Blocks: 쿼리 루프 블록과 FacetWP를 연동시키는 익스텐션입니다.

2) FacetWP 연동 활성화

쿼리 루프 블록 설정에서 FacetWP 연동을 활성화합니다.

FacetWP Blocks 설치 후, 보이는 쿼리 루프 설정

3) 페이셋 넣기

위 작업을 했다 이제 FacetWP의 페이셋(Facet)을 원하는 위치에 넣으면 됩니다. 단 아래의 주의사항이 있습니다.

  • 쿼리 루프 블록이 제공하는 페이지네이션 관련 블록을 쓰면 안됩니다. 반드시 FacetWP가 제공하는 페이저 페이셋(Pager Facet)을 사용해야 합니다. 단 예외적으로 Spectra가 제공하는 Post Grid Block’s pagination은 사용할 수 있습니다.
  • 기본 쿼리 반복문, 우커머스 상품 블록 등 기본 결과 없음 블록을 함께 사용할 수 있습니다.

쿼리 루프 블록과 FacetWP 연동하기에 대해 보다 자세한 사항을 알고 싶은 경우 FacetWP의 Blocks 익스텐션 공식 문서를 참고해 주십시오.

태그

글쓴이

Photo of author

메아쿨파

팀과 함께 워드프레스 관련 자문과 개발을 하고 있습니다. 상용 서비스르를 필요로 하는 기업과 스타트업, 높은 수준의 워드프레스를 만들고 싶은 에이전시, WP스퀘어 필진으로 참여하고 싶으신 분은 문의하기로 남겨 주시기 바랍니다.