Divi는 테마와 비주얼 빌더를 함께 제공해 화면에서 레이아웃과 디자인을 편집하는 제작 환경입니다.
01어떤 테마인가
Divi의 방식은 다른 빌더와 다릅니다. 대부분의 빌더는 왼쪽 패널에서 설정을 바꾸면 오른쪽 미리보기가 바뀌는 구조인데, Divi는 실제 화면의 글자를 직접 클릭해서 고칩니다. 워드나 파워포인트에 가까운 감각입니다.
또 하나의 강점은 라이선스 구조입니다. 멤버십 하나로 사이트 개수 제한 없이 쓸 수 있습니다. 여러 사이트를 운영하거나 제작을 업으로 하는 경우 비용 차이가 큽니다.
레이아웃 팩도 여러 종류 제공됩니다. 업종별로 홈·소개·서비스·문의 페이지가 한 세트로 묶여 있어서 가져와 내용만 바꾸면 됩니다.
02Divi 테마 디자인은 어떤가요
Divi의 기본 데모와 레이아웃 팩 모음입니다. 눌러보면 실제 사이트로 이동합니다.
Divi 기본 데모테마를 설치하면 나오는 기본 구성입니다. 빌더의 감각을 볼 수 있습니다.템플릿 열기→
레이아웃 팩 여러 종류+업종별 완성 레이아웃 모음. 홈·소개·문의가 세트로 묶여 있습니다.템플릿 열기→레이아웃 팩은 카페·요가·레스토랑·디자인 에이전시 등 업종별로 나뉘어 있습니다. 원하시는 업종을 말씀해 주시면 어울리는 팩을 골라 설치해 드립니다.
03Divi 테마, 무엇을 할 수 있나요
| 기능 | 하는 일 |
|---|---|
| Visual Builder | 실제 화면의 글자를 직접 클릭해 고칩니다. 결과를 바로 보면서 작업합니다. |
| 레이아웃 팩 여러 종류+ | 업종별 완성 페이지 세트를 가져옵니다. |
| Theme Builder | 헤더·푸터·글 상세 템플릿을 직접 설계합니다. |
| 사이트 수 무제한 | 멤버십 하나로 몇 개의 사이트든 씁니다. |
| Divi Cloud | 만든 디자인을 저장해 다른 사이트에서 재사용합니다. |
| A/B 테스트 | 두 가지 디자인의 성과를 비교합니다. 빌더에 내장된 기능입니다. |
| 반응형 편집 | 화면 크기별로 여백·글자 크기를 따로 조정합니다. |
| Bloom·Monarch 포함 | 멤버십에 이메일 구독 폼과 SNS 공유 플러그인이 함께 들어 있습니다. |
04설치 후 설정 순서
① 데모 가져오기 — 가장 먼저
Divi는 테마 전체가 아니라 페이지 단위로 레이아웃을 가져옵니다.
- 새 페이지를 만들고 Use Divi Builder를 누릅니다.
- Choose a Premade Layout을 고릅니다.
- 왼쪽에서 레이아웃 팩을 고르고, 오른쪽에서 어떤 페이지(홈·소개·문의)를 가져올지 고릅니다.
- Use This Layout을 누르면 그 자리에 들어옵니다.
레이아웃 팩은 홈·소개·서비스·문의가 한 세트로 디자인되어 있습니다. 페이지마다 다른 팩에서 가져오면 색과 글꼴이 제각각이 됩니다. 하나의 팩 안에서 골라 쓰세요.
② 로고·색상·글꼴 바꾸기
Divi는 두 곳으로 나뉩니다.
- Divi → Theme Customizer — 로고, 사이트 전체 글꼴과 기본 색상
- Divi → Theme Options — 세부 설정
빌더 안에서 색을 고를 때 Global Colors에 브랜드 색을 등록해두면, 나중에 그 색 하나만 바꿔도 사이트 전체가 한 번에 따라옵니다. 등록하지 않고 매번 직접 색을 넣으면 나중에 바꿀 때 페이지를 전부 다시 열어야 합니다.
글꼴도 마찬가지입니다. Theme Customizer에서 본문 글꼴을 Pretendard로 지정하고 줄 간격을 1.8로 올려두세요.
③ 메뉴 만들기
메뉴는 테마와 상관없이 워드프레스 공통입니다. 외모 → 메뉴에서 만듭니다.
- 새 메뉴 만들기를 누르고 이름을 정합니다(예: 주메뉴).
- 왼쪽에서 페이지나 카테고리를 골라 메뉴에 추가합니다.
- 항목을 드래그해 순서를 바꿉니다. 오른쪽으로 살짝 밀면 하위 메뉴가 됩니다.
- 아래 메뉴 설정에서 표시 위치를 체크합니다.
- 메뉴 저장을 누릅니다.
항목이 많으면 방문자가 고르지 못합니다. 자주 안 보는 페이지는 푸터로 내리세요. 순서는 왼쪽일수록 중요한 것으로 놓습니다.
Divi에서 메뉴 디자인은 Divi → Theme Customizer → Header & Navigation에서 바꿉니다. 헤더 형태(중앙 정렬·분할·고정 등)를 여기서 고를 수 있습니다.
속도 관리
빌더로 만든 페이지는 코드가 많아집니다. Divi → Theme Options → Performance에서 사용하지 않는 기능을 꺼주세요.
- Dynamic CSS, Dynamic Module Framework 켜기 — 필요한 코드만 불러옵니다
- 안 쓰는 Google Fonts 로컬 호스팅으로 전환
- 캐시 플러그인 함께 사용
글은 빌더로 만들지 마세요
회사 소개나 서비스 페이지는 Divi 빌더로 만드는 것이 좋습니다. 하지만 블로그 글까지 빌더로 만들면 글 하나하나가 무거워지고 나중에 관리가 어려워집니다.
글은 워드프레스 기본 에디터로 쓰세요. 훨씬 가볍고 빠릅니다.
- 사이트가 하나뿐 — 무제한 라이선스의 이점이 없습니다.
- 블로그 위주 — 빌더가 필요 없고 오히려 무겁습니다.
- 나중에 테마를 바꿀 가능성이 있는 경우 — Divi로 만든 페이지는 Divi 없이는 제대로 안 보입니다.
05설치 전 체크리스트
- 새 사이트나 스테이징 복제본에서 데모를 먼저 가져옵니다.
- 포함 빌더와 필수 플러그인의 업데이트·라이선스 방식을 확인합니다.
- 모바일 화면, 글·상품 템플릿과 테마 변경 시 이전 범위를 점검합니다.
06공식 정보와 최신 확인
기능, 지원 환경과 요금은 바뀔 수 있습니다. 설치 전 공식 홈페이지에서 현재 문서와 변경 내역을 확인하세요. 이 글은 2026년 9월 18일에 다시 검수했습니다.
자주 나오는 질문
Divi를 지우면 어떻게 되나요+
페이지가 단축코드 덩어리로 보입니다. 이건 모든 빌더의 공통 단점입니다. 시작하실 때 이 점을 알고 선택하세요.
Elementor와 어느 쪽이 낫나요+
Elementor는 사용자와 애드온이 훨씬 많아 자료 찾기가 쉽습니다. Divi는 편집 방식이 직관적이고 사이트 수 제한이 없습니다. 여러 사이트를 만든다면 Divi가 유리합니다.