쿼리 루프 블록 선택하기

블록 선택 시, 고려사항

자유로운 루프 아이템 편집

사전에 미리 정의된 루프 아이템에서 선택하는 방식은 자유도가 낮아 제외하고, 마음 데로 구성할 수 있는 방법만 선택합니다.

• Combo Blocks

블록 에디터를 통한 루프 아이템 편집

필수는 아니지만, 블록 에디터로 편집할 수 있으면 편집의 편리함도 크고, 다른 블록을 넣을 수 있는 장점이 있습니다.

템플릿 쿼리 상속

템플릿 쿼리를 상송 받을 수 있으며 아카이브, 검색 결과 등에 사용할 수 있습니다.

검색 및 필터링 플러그인 연동

Search & Filter Pro 등 플러그인과 연동되는 확인합니다.

특정 포스트 타입 전용은 제외

포스트 쿼리 루프는 모든 포스트 타입에 동일하게 동작하기 때문에 우커머스, 런대시 등 특정 포스트 타입 전용을 거의 모든 경우 불필요하므로 제외합니다.

검토 대상에서 제외된 방법

• Combo Blocks

비교 대상 개요

GenerateBlocks – 쿼리 루프

GenerateBlocks(무료)에 포함된 쿼리 루프(Query Block)은 기본 쿼리 방복문과 유사한 방식으로 동작하나 섬세한 설정이 가능합니다.

Facet WP

강력한 필터링 플러그인으로 포스트 목록 출력도 사용할 수 있습니다. 매우 복잡한 필터를 사용할 수 있습니다.

Custom layouts

포스트 출력을 섬세하게 편집할 수 있는 플러그인으로 Search & Filter와 동일한 개발자가 개발했습니다.

1. Kadence Theme 아카이브

워드프레스의 기본 기능인 아카이브(포스트 목록)을 보여주는 방식입니다. 이는 다시 아래 3가지 방법으로 나누어 집니다.

구현 방법 비교

방법1. 사용자 정의하기

사용자 정의하기의 ‘아카이브 레이아웃’을 통해 설정을 변경합니다. Kadence Theme은 ‘사용자 정의하기’를 통해 몇 가지 옵션을 제공합니다. 관리자 툴바에서 ‘사용자 정의하기’ 또는 ‘디자인 > 사용자 정의하기’를 클릭합니다. 이 기능은 Kadence Theme(무료) 만으로 동작합니다.
‘포스트 타입/아카이브 레이아웃’ 메뉴를 클랙해 ‘OOO 아카이브’를 통해 정의합니다. 단, 우커머스는 ‘포스트 타입/아카이브 레이아웃’이 아닌 ‘우커머스’에서, 런대시는 ‘런대시’에서 접근합니다.

장점

• 사용자 정의하기의 클릭을 사용하는 만큼 매우 쉽습니다.

단점

• 옵션 방식이라 커스터마이징에 대한 제한이 매우 큽니다. 예를 들어 루프 아이템(개별 포스트)의 필드를 마음 데로 변경하거나 추가할 수 없습니다.

방법2. Kadence의 엘리먼트로 루프 아이템 만들기

루프 아이템 내부를 블록으로 만들고, 이를 이용해 아카이브를 만드는 방식입니다. 아래 동영상을 보면 쉽게 이해할 수 있습니다. 이 기능은 Kadence Theme Pro가 활성화되어 있어야 합니다.

장점

• 아이템 루프의 필드를 마음 데로 지정할 수 없습니다.

단점

• 포스트 목록을 모두 하나로 보여줄 경우에는 문제가 없으나, 여러 목록으로 나누어 보여주는 건 불가능합니다. 예를 들어 ‘인기 글’와 ‘최신 글’ 이렇게 2가지로 나누어 보여줄 수는 없습니다.

방법 3. Kadence의 엘리먼트로 아카이브 대체하기

엘리먼트를 만들어 아카이브를 완전히 대체하는 방법입니다. 엘리먼트를 만드는 방법은 동일하지만, 엘리먼트가 아카이브를 대체하기 위한 조건은 플러그인 마다 약간 다릅니다.

우커머스 상품

Kadence Shop Kit을 활성화하면, 우커머스 템플릿을 활성화해야 합니다. 우커머스가 번들된 모든 사이트팩은 이미 활성화되어 있습니다.

기타 포스트 타입

Kadence Theme 자체에서는 엘리먼트로 아카이브 전체를 대체할 수 없습니다. 하지만, 사이트팩 우커가 제공하는 아카이브 컨텐트 교체를 활성화하면 됩니다. 자세한 사항은 사이트팩 워커 매뉴얼을 참고해 주십시오.

장점

• 블록 에디터를 이용해 아카이브를 완전히 자유롭게 만들 수 있습니다.

단점

• 워드프레스 초보자에게는 다소 어려운 개념일 수 있습니다.

기능 비교

쿼리 필터 – GB 쿼리 루프 승!

출력될 포스트를 선택하는 기능입니다. ‘GenerateBlocks 쿼리 루프 > Advanced Query Loop > 쿼리 반복문’ 순으로 다양한 선택을 지원합니다.

	쿼리 반복문	Advanced Query Loop	KB 고급 쿼리 루프	GB 쿼리 루프
템플릿 쿼리 상속	O	O	O	O
커스텀 쿼리 코드	O	O	O	O
오프셋	O	O	O	O
단일 포스트 타입	O	O	O	O
다중 포스트 타입	X	O	O	X
개별 포스트 선택	X	X	X	O
개별 포스트 제외				O
택소노미 선택	O	O	O	O
택소노미 제외				O
검색 키워드	X	X	X	O
부모 포스트	X	X	X	O

정렬 기준 – GB 쿼리 루프!

최초 출력될 포스트의 정렬 기준(Order by)을 지정하는 기능입니다.

	쿼리 반복문	Advanced Query Loop	KB 고급 쿼리 루프	GB 쿼리 루프
발행일	O	O	O	O
수정일	O	O	O	O
메뉴 순서(Menu Order)	X	O	O	O
무작위	X	O

추가 필터 기능 – KB 고급 쿼리 루프! 그러나…

출력된 포스트에 추가적으로 필터링을 위한 버튼, 라디오 등을 제공하는 기능으로 KB 쿼리 루프에서만 자체 제공합니다. 쿼리 반복문과 Advanced Query Loop 제한적인지만 Query Taxonomy Filters Block를 통해 추가할 수 있습니다. 단, 속도와 자유도 면에서 FacetWP 같은 필터링 엔진을 쓰는 게 좋으므로 중요한 고려사항은 아닙니다.

	쿼리 반복문	Advanced Query Loop	KB 고급 쿼리 루프	GB 쿼리 루프
택소노미	△	△	O	X
작성자	X	X	O	X

포스트 내부에서 포스트 선택 – GB 고급 쿼리 루프!

GB 쿼리 루프는 현재 포스트 내부 현재 포스트를 기준으로 필터링할 수 있습니다. 이를 활용하면 다양한 방식으로 관련 포스트를 출력할 수 있습니다.

	쿼리 반복문	Advanced Query Loop	KB 고급 쿼리 루프	GB 쿼리 루프
현재 포스트 제외		O
부모 포스트	X	X	X	O
동일 택소노미 용어	X	X	X	O

필터링 엔진 연동 – 모두 OK!

FacetWP는 Blcoks 익스텐션을 이용해 쿼리 루프 블록과 연동되며 연동 여부는 공식 문서에 명시되어 있습니다. Search & Filter Pro는 명시되어 있지 않으나 단비에서 검색 템플릿에 사용할 경우 호환되는 걸 확인했습니다. WP Query Loop라는 블록 유형을 사용하는 경우에는 대부분 호환될 것으로 보입니다.

	쿼리 반복문	Advanced Query Loop	KB 고급 쿼리 루프	GB 쿼리 루프
FacetWP	O	O	O	O
Search & Filter Pro	△	△	X	X

속도 – KB 고급 쿼리 루프만 느리다.

쿼리 루프의 로딩 속도는 블록 자체 뿐 아니라, 쿼리 루프 내부 블록에 큰 영향을 받습니다. 특히 다이나믹 컨텐트 지원 블록을 사용할 경우 속도가 많이 느려집니다. 여기서는 쿼리 루프 자체의 속도만을 측정했습니다. 필터링 속도의 경우 쿼리 반복문과 Advanced Query Loop의 경우 자체 필터가 없기 때문에 Query Taxonomy Filters 블록을 적용한 경우입니다.

	쿼리 반복문	Advanced Query Loop	KB 고급 쿼리 루프	GB 쿼리 루프
최초 로딩 속도	★★★★★	★★★★	★★	★★★★
필터 속도	★★★★★	★★★★★	★★	–

전반적으로 빠르게 로딩되며 KB 고급 쿼리 루프만 매우 느립니다. 블록이 출시된지 아직 오래되지 않아 코드 최적화 이슈가 있는 것으로 보이나, 추후 해소될 것으로 기대됩니다. 속도 때문에 실적용에는 적합하지 않습니다.

경우에 따른 선택

쿼리 반복문을 먼저 고려

쿼리 반복문은 속도가 빠르고 컨텐트 라킹 우려가 적은 만큰 가장 먼저 고려해야할 블록입니다.

복잡한 필터링