Bricks 테마 — 빌더가 곧 테마, 가볍게 만드는 방식
Bricks는 테마이면서 동시에 페이지 빌더입니다. Elementor 같은 빌더를 테마 위에 얹는 방식이 아니라, 빌더가 곧 테마입니다. 그래서 겹치는 코드가 없고, 빌더로 만든 사이트치고 드물게 가볍습니다. 속도를 중요하게 보시는 분들이 요즘 많이 옮겨 가는 쪽입니다.
- 빌더는 쓰고 싶은데 사이트가 느려지는 건 싫습니다
- Elementor를 쓰다가 속도 때문에 고민이십니다
- 글 목록이나 상품 목록의 디자인을 직접 짜고 싶습니다
- 한 번 배워서 여러 사이트에 계속 쓸 도구를 찾습니다
어떤 테마인가
보통 워드프레스 사이트는 테마 + 빌더 플러그인 두 겹으로 돌아갑니다. 테마도 자기 코드를 내보내고 빌더도 자기 코드를 내보내니, 같은 일을 두 번 하는 셈입니다. 이게 빌더로 만든 사이트가 느린 흔한 이유입니다.
Bricks는 그 두 겹을 하나로 합쳤습니다. 테마 설정 화면이 따로 있는 게 아니라, 헤더도 푸터도 글 상세 화면도 전부 빌더 안에서 만듭니다. 결과적으로 내보내는 코드가 눈에 띄게 깔끔합니다.
Bricks를 쓰는 진짜 이유는 목록 화면을 원하는 대로 짤 수 있다는 점입니다. “카테고리가 공지인 글을, 최신순으로, 3열로, 이런 카드 모양으로” 같은 걸 코드 없이 설정으로 만듭니다. 블로그 목록, 상품 목록, 포트폴리오 목록이 다 이걸로 나옵니다. 참고로 에코스튜디오 프리미엄 템플릿도 이 방식으로 만들어져 있습니다.
디자인 둘러보기
Bricks는 다른 테마처럼 “완성된 데모 사이트”를 여러 개 주는 방식이 아닙니다. 빌더 자체가 상품이라, 아래는 빌더 화면과 제공되는 템플릿 모음입니다.
공식 사이트 — 빌더 화면아래쪽에 실제 편집 화면이 보입니다. 왼쪽 요소 목록, 가운데 미리보기, 오른쪽 구조 트리로 되어 있습니다.템플릿 열기→
기본 제공 템플릿업종별 템플릿을 가져와 시작할 수 있습니다. 다른 테마보다 수는 적지만 구조가 단순해 고치기 쉽습니다.템플릿 열기→빌더를 직접 만져 보고 싶으시면 개발사가 무료 체험 공간을 제공합니다. 설치 없이 편집 화면을 써보실 수 있습니다.
주요 기능
| 기능 | 하는 일 |
|---|---|
| 테마 + 빌더 일체형 | 별도 빌더 플러그인이 필요 없습니다. 겹치는 코드가 없어 가볍습니다. |
| 쿼리 루프 | 글·상품·커스텀 글 목록을 조건과 디자인까지 직접 짭니다. 이 테마의 가장 큰 강점입니다. |
| 헤더·푸터 빌더 | 상단과 하단도 화면에서 직접 만듭니다. 페이지마다 다른 헤더를 쓸 수도 있습니다. |
| 글 상세 템플릿 | 글 화면의 배치를 직접 설계합니다. 카테고리별로 다른 형태를 쓸 수 있습니다. |
| 전역 클래스 | 한 번 만든 스타일을 이름 붙여 재사용합니다. 나중에 한 곳만 고치면 전부 바뀝니다. |
| WooCommerce 지원 | 상품 목록·상세 화면을 빌더로 직접 짤 수 있습니다. |
| 코드 삽입 | 필요하면 HTML·CSS·PHP를 그 자리에 넣을 수 있습니다. 개발자에게 넘기기 편합니다. |
| 가벼운 출력 | 불필요한 래퍼 태그를 만들지 않습니다. 페이지 속도 점수가 잘 나오는 편입니다. |
설치 후 — 무엇을 저희가 하고, 무엇을 직접 하시나
| 구분 | 범위 |
|---|---|
| 저희가 해드리는 것 | 테마와 필수 플러그인 설치, 테마가 정상 동작하는지 확인, 한글 환경에서 깨지는 곳 점검, 그리고 이 가이드 안내까지입니다. |
| 직접 하시는 것 | 데모 선택과 가져오기, 로고·색상·글꼴 적용, 메뉴 구성, 글 작성입니다. 어떤 디자인을 고르고 어떤 색을 쓸지는 사장님만 아실 수 있는 부분이라 저희가 대신 정하지 않습니다. |
테마 설치는 테마를 쓸 수 있는 상태로 만들어 드리는 서비스입니다. 디자인 구성과 콘텐츠 작성까지 함께 원하시면 홈페이지 제작이나 블로그 제작 쪽을 보셔야 합니다.
아래는 직접 하실 때 보시는 순서입니다. 이 글이 곧 그 가이드입니다. 순서대로만 따라오시면 됩니다.
① 데모 가져오기 — 가장 먼저
Bricks는 템플릿을 페이지 단위로 가져오는 방식입니다.
- 페이지를 새로 만들고 Edit with Bricks를 누릅니다.
- 편집 화면 상단의 템플릿 아이콘을 누릅니다.
- Community / My Templates에서 원하는 것을 고르고 Insert합니다.
- 글자와 사진을 내 것으로 바꿉니다.
Bricks는 헤더·푸터도 직접 만들어야 합니다. Bricks → Templates에서 Header와 Footer 템플릿을 각각 하나씩 만들고, 조건(Conditions)을 전체 사이트로 지정하세요. 이걸 안 하면 상단·하단이 비어 보입니다.
② 로고·색상·글꼴 바꾸기
- Bricks → Settings → Theme Styles로 들어갑니다.
- Typography에서 본문·제목 글꼴과 크기를 정합니다. 여기서 정하면 사이트 전체에 적용됩니다.
- Colors에서 색 팔레트를 만듭니다. 이후 요소마다 이 팔레트에서 고르시면 됩니다.
- 로고는 헤더 템플릿 안에서 이미지 요소로 넣습니다.
버튼 하나하나에 색을 찍어 넣으면 나중에 색을 바꿀 때 전부 다시 찾아다녀야 합니다. 반드시 Theme Styles의 팔레트에 색을 등록하고 그걸 골라 쓰세요. 이게 Bricks를 오래 쓰는 요령입니다.
③ 메뉴 만들기
메뉴는 테마와 상관없이 워드프레스 공통입니다. 외모 → 메뉴에서 만듭니다.
- 새 메뉴 만들기를 누르고 이름을 정합니다(예: 주메뉴).
- 왼쪽에서 페이지나 카테고리를 골라 메뉴에 추가합니다.
- 항목을 드래그해 순서를 바꿉니다. 오른쪽으로 살짝 밀면 하위 메뉴가 됩니다.
- 아래 메뉴 설정에서 표시 위치를 체크합니다.
- 메뉴 저장을 누릅니다.
항목이 많으면 방문자가 고르지 못합니다. 자주 안 보는 페이지는 푸터로 내리세요. 순서는 왼쪽일수록 중요한 것으로 놓습니다.
④ 목록 화면 만들기 — 쿼리 루프
Bricks를 쓰는 가장 큰 이유입니다. 글 목록을 원하는 모양으로 짭니다.
- 페이지에 Container를 하나 넣습니다.
- 그 컨테이너를 선택하고 오른쪽에서 Query Loop를 켭니다.
- Query에서 무엇을 가져올지 정합니다 — 글 종류, 카테고리, 개수, 정렬 순서.
- 컨테이너 안에 이미지·제목·요약 요소를 넣고, 각각 동적 데이터로 연결합니다.
- 하나만 잘 만들면 나머지는 자동으로 같은 모양으로 반복됩니다.
쿼리 개수를 1개로 두고 디자인을 완성한 뒤에 개수를 늘리세요. 여러 개가 반복되는 상태에서 고치면 뭐가 바뀌는지 보기 어렵습니다.
가격
| 금액 | |
|---|---|
| 개발사 정가 | $99 / 년 (평생 라이선스 별도) |
| 에코스튜디오 설치 | 29,000원 · 테마 + 빌더 설치, 정상 동작 확인, 빌더 사용법 안내 |
플러그인은 개수 묶음(1종 9,000원 · 3종 25,000원 · 10종 69,000원)으로 받지만, 테마는 1종 단위로 별도 가격입니다. 테마는 본체 하나만 올리면 끝나지 않기 때문입니다. 테마마다 요구하는 필수 플러그인이 여러 개이고, 그것들이 서로 맞물려 동작하는지 확인해야 합니다. 한글 환경에서 깨지는 곳도 테마마다 다릅니다.
| 구분 | 가격 | 해당 테마 |
|---|---|---|
| 일반 설치형 | 25,000원 | The7 · Soledad · Jannah · Groovy · Shoptimizer — 테마와 필수 플러그인 설치, 정상 동작 확인 |
| 빌더형 | 29,000원 | Avada · Divi · Bricks · Impreza · Hub — 자체 페이지 빌더가 함께 동작해야 해서 확인할 범위가 넓습니다. 빌더 사용법 안내가 포함됩니다 |
| 기능형 | 39,000원 | Houzez — 매물·중개사·검색·문의까지 시스템이 함께 맞물려 동작해야 해서 확인 범위가 가장 넓습니다 |
※ 정가는 개발사 공식 기준이며 환율과 프로모션에 따라 달라집니다. 저희는 개별 라이선스 키를 발급해 드리는 것이 아니라 보유한 번들판을 설치해 드리는 방식이라 이 가격이 가능합니다.
개발사에서 개별 발급하는 라이선스 키가 아니라, 저희가 보유한 번들판을 설치해 드립니다. 유료 기능은 제한 없이 그대로 동작하고 기간 만료로 잠기지 않습니다. 대신 관리자 화면의 자동 업데이트 알림은 뜨지 않고, 개발사 공식 지원 채널은 이용하실 수 없습니다. 새 버전이 필요하시면 요청해 주세요 — 3회까지 직접 올려 드립니다.
회사 정책상 라이선스 증빙이 필요하거나 보안 패치를 항상 즉시 자동 반영해야 하는 사이트라면 개발사에서 직접 구매하시는 편이 맞습니다. 상담에서 솔직히 말씀드립니다.
자주 나오는 질문
Elementor보다 정말 빠른가요
같은 디자인을 만들었을 때 내보내는 코드가 더 적습니다. 다만 큰 사진을 많이 넣으면 어느 빌더든 느려집니다. 빌더만 바꾼다고 해결되는 건 아니고, 캐시와 이미지 최적화를 같이 하셔야 합니다.
Elementor로 만든 사이트를 옮길 수 있나요
자동 변환은 안 됩니다. 페이지를 다시 만들어야 합니다. 페이지가 몇 개 안 되면 할 만하지만, 수십 개라면 부담이 큽니다.
한글 입력에 문제 없나요
없습니다. 다만 기본 글꼴이 영문용이라 Theme Styles에서 한글 글꼴로 바꾸시는 편이 좋습니다.
라이선스가 연 단위인가요
연 단위와 평생 두 가지가 있습니다. 저희는 보유한 번들판을 설치해 드리므로 기간 만료로 잠기지 않습니다. 자세한 건 아래 번들판 설명을 보세요.
공식 정보
최신 기능과 요금은 개발사 공식 사이트에서 확인하실 수 있습니다 — Bricks 공식 홈페이지
Bricks와 필수 플러그인을 설치하고 정상 동작하는 상태로 만들어 드립니다. 29,000원. 이후 데모 선택과 디자인은 위 순서대로 직접 하시면 되고, 막히시면 물어보셔도 됩니다.
플러그인도 함께 필요하시면 1종 9,000원 · 3종 25,000원 · 10종 69,000원 묶음이 따로 있습니다. 설치 가능한 테마와 플러그인 목록에서 골라보세요. 바로 물어보고 싶으시면 카카오톡으로 연락 주시면 됩니다.
직접 하기 어려우신가요?
읽으신 내용대로 저희가 대신 해 드립니다. 무엇이 필요한지부터 함께 정해요.
