Bricks 브릭스 빌더 테마: 성능·템플릿·쿼리 루프 살펴보기

보통 워드프레스 사이트는 테마 + 빌더 플러그인 두 겹으로 돌아갑니다. 테마도 자기 코드를 내보내고 빌더도 자기 코드를 내보내니, 같은 일을 두 번 하는 셈입니다. 이게 빌더로 만든 사이트가 느린 흔한 이유입니다.

Bricks는 그 두 겹을 하나로 합쳤습니다. 테마 설정 화면이 따로 있는 게 아니라, 헤더도 푸터도 글 상세 화면도 전부 빌더 안에서 만듭니다. 결과적으로 내보내는 코드가 눈에 띄게 깔끔합니다.

Bricks는 다른 테마처럼 “완성된 데모 사이트”를 여러 개 주는 방식이 아닙니다. 빌더 자체가 상품이라, 아래는 빌더 화면과 제공되는 템플릿 모음입니다.

공식 사이트 — 빌더 화면아래쪽에 실제 편집 화면이 보입니다. 왼쪽 요소 목록, 가운데 미리보기, 오른쪽 구조 트리로 되어 있습니다.템플릿 열기→기본 제공 템플릿업종별 템플릿을 가져와 시작할 수 있습니다. 다른 테마보다 수는 적지만 구조가 단순해 고치기 쉽습니다.템플릿 열기→

빌더를 직접 만져 보고 싶으시면 개발사가 무료 체험 공간을 제공합니다. 설치 없이 편집 화면을 써보실 수 있습니다.

① 데모 가져오기 — 가장 먼저

Bricks는 템플릿을 페이지 단위로 가져오는 방식입니다.

1. 페이지를 새로 만들고 Edit with Bricks를 누릅니다.
2. 편집 화면 상단의 템플릿 아이콘을 누릅니다.
3. Community / My Templates에서 원하는 것을 고르고 Insert합니다.
4. 글자와 사진을 내 것으로 바꿉니다.

② 로고·색상·글꼴 바꾸기

1. Bricks → Settings → Theme Styles로 들어갑니다.
2. Typography에서 본문·제목 글꼴과 크기를 정합니다. 여기서 정하면 사이트 전체에 적용됩니다.
3. Colors에서 색 팔레트를 만듭니다. 이후 요소마다 이 팔레트에서 고르시면 됩니다.
4. 로고는 헤더 템플릿 안에서 이미지 요소로 넣습니다.

③ 메뉴 만들기

메뉴는 테마와 상관없이 워드프레스 공통입니다. 외모 → 메뉴에서 만듭니다.

1. 새 메뉴 만들기를 누르고 이름을 정합니다(예: 주메뉴).
2. 왼쪽에서 페이지나 카테고리를 골라 메뉴에 추가합니다.
3. 항목을 드래그해 순서를 바꿉니다. 오른쪽으로 살짝 밀면 하위 메뉴가 됩니다.
4. 아래 메뉴 설정에서 표시 위치를 체크합니다.
5. 메뉴 저장을 누릅니다.

④ 목록 화면 만들기 — 쿼리 루프

Bricks를 쓰는 가장 큰 이유입니다. 글 목록을 원하는 모양으로 짭니다.

1. 페이지에 Container를 하나 넣습니다.
2. 그 컨테이너를 선택하고 오른쪽에서 Query Loop를 켭니다.
3. Query에서 무엇을 가져올지 정합니다 — 글 종류, 카테고리, 개수, 정렬 순서.
4. 컨테이너 안에 이미지·제목·요약 요소를 넣고, 각각 동적 데이터로 연결합니다.
5. 하나만 잘 만들면 나머지는 자동으로 같은 모양으로 반복됩니다.

라이선스가 연 단위인가요

05설치 전 체크리스트

• 새 사이트나 스테이징 복제본에서 데모를 먼저 가져옵니다.
• 포함 빌더와 필수 플러그인의 업데이트·라이선스 방식을 확인합니다.
• 모바일 화면, 글·상품 템플릿과 테마 변경 시 이전 범위를 점검합니다.

06공식 정보와 최신 확인

기능, 지원 환경과 요금은 바뀔 수 있습니다. 설치 전 공식 홈페이지에서 현재 문서와 변경 내역을 확인하세요. 이 글은 2026년 9월 18일에 다시 검수했습니다.

자주 나오는 질문