/ 가이드/ 테마
테마

Divi 디비 테마: 비주얼 빌더 기능과 선택 전 주의점

Divi는 테마와 비주얼 빌더를 함께 제공해 화면에서 레이아웃과 디자인을 편집하는 제작 환경입니다. 주요 기능, 적합한 사이트, 설정 순서와 설치 전 주의사항을 공식 정보 기준으로 정리했습니다.

ES 에코스튜디오 2026.08.28 수정 2026.09.18 읽는 시간 6분
Divi 디비 테마: 비주얼 빌더 기능과 선택 전 주의점
한눈에 답

Divi는 테마와 비주얼 빌더를 함께 제공해 화면에서 레이아웃과 디자인을 편집하는 제작 환경입니다.

1

01어떤 테마인가

Divi의 방식은 다른 빌더와 다릅니다. 대부분의 빌더는 왼쪽 패널에서 설정을 바꾸면 오른쪽 미리보기가 바뀌는 구조인데, Divi는 실제 화면의 글자를 직접 클릭해서 고칩니다. 워드나 파워포인트에 가까운 감각입니다.

또 하나의 강점은 라이선스 구조입니다. 멤버십 하나로 사이트 개수 제한 없이 쓸 수 있습니다. 여러 사이트를 운영하거나 제작을 업으로 하는 경우 비용 차이가 큽니다.

레이아웃 팩도 여러 종류 제공됩니다. 업종별로 홈·소개·서비스·문의 페이지가 한 세트로 묶여 있어서 가져와 내용만 바꾸면 됩니다.

2

02Divi 테마 디자인은 어떤가요

Divi의 기본 데모와 레이아웃 팩 모음입니다. 눌러보면 실제 사이트로 이동합니다.

레이아웃 팩은 카페·요가·레스토랑·디자인 에이전시 등 업종별로 나뉘어 있습니다. 원하시는 업종을 말씀해 주시면 어울리는 팩을 골라 설치해 드립니다.

3

03Divi 테마, 무엇을 할 수 있나요

기능 하는 일
Visual Builder 실제 화면의 글자를 직접 클릭해 고칩니다. 결과를 바로 보면서 작업합니다.
레이아웃 팩 여러 종류+ 업종별 완성 페이지 세트를 가져옵니다.
Theme Builder 헤더·푸터·글 상세 템플릿을 직접 설계합니다.
사이트 수 무제한 멤버십 하나로 몇 개의 사이트든 씁니다.
Divi Cloud 만든 디자인을 저장해 다른 사이트에서 재사용합니다.
A/B 테스트 두 가지 디자인의 성과를 비교합니다. 빌더에 내장된 기능입니다.
반응형 편집 화면 크기별로 여백·글자 크기를 따로 조정합니다.
Bloom·Monarch 포함 멤버십에 이메일 구독 폼과 SNS 공유 플러그인이 함께 들어 있습니다.
4

04설치 후 설정 순서

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

Divi는 테마 전체가 아니라 페이지 단위로 레이아웃을 가져옵니다.

  1. 새 페이지를 만들고 Use Divi Builder를 누릅니다.
  2. Choose a Premade Layout을 고릅니다.
  3. 왼쪽에서 레이아웃 팩을 고르고, 오른쪽에서 어떤 페이지(홈·소개·문의)를 가져올지 고릅니다.
  4. Use This Layout을 누르면 그 자리에 들어옵니다.
같은 팩으로 여러 페이지를 만드세요

레이아웃 팩은 홈·소개·서비스·문의가 한 세트로 디자인되어 있습니다. 페이지마다 다른 팩에서 가져오면 색과 글꼴이 제각각이 됩니다. 하나의 팩 안에서 골라 쓰세요.

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

Divi는 두 곳으로 나뉩니다.

  • Divi → Theme Customizer — 로고, 사이트 전체 글꼴과 기본 색상
  • Divi → Theme Options — 세부 설정
글로벌 색상을 먼저 등록하세요

빌더 안에서 색을 고를 때 Global Colors에 브랜드 색을 등록해두면, 나중에 그 색 하나만 바꿔도 사이트 전체가 한 번에 따라옵니다. 등록하지 않고 매번 직접 색을 넣으면 나중에 바꿀 때 페이지를 전부 다시 열어야 합니다.

글꼴도 마찬가지입니다. Theme Customizer에서 본문 글꼴을 Pretendard로 지정하고 줄 간격을 1.8로 올려두세요.

③ 메뉴 만들기

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

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

항목이 많으면 방문자가 고르지 못합니다. 자주 안 보는 페이지는 푸터로 내리세요. 순서는 왼쪽일수록 중요한 것으로 놓습니다.

Divi에서 메뉴 디자인Divi → Theme Customizer → Header & Navigation에서 바꿉니다. 헤더 형태(중앙 정렬·분할·고정 등)를 여기서 고를 수 있습니다.

속도 관리

Divi도 가벼운 테마는 아닙니다

빌더로 만든 페이지는 코드가 많아집니다. Divi → Theme Options → Performance에서 사용하지 않는 기능을 꺼주세요.

  • Dynamic CSS, Dynamic Module Framework 켜기 — 필요한 코드만 불러옵니다
  • 안 쓰는 Google Fonts 로컬 호스팅으로 전환
  • 캐시 플러그인 함께 사용

글은 빌더로 만들지 마세요

페이지는 빌더, 글은 기본 에디터

회사 소개나 서비스 페이지는 Divi 빌더로 만드는 것이 좋습니다. 하지만 블로그 글까지 빌더로 만들면 글 하나하나가 무거워지고 나중에 관리가 어려워집니다.

글은 워드프레스 기본 에디터로 쓰세요. 훨씬 가볍고 빠릅니다.

이런 경우엔 다른 선택이 낫습니다

  • 사이트가 하나뿐 — 무제한 라이선스의 이점이 없습니다.
  • 블로그 위주 — 빌더가 필요 없고 오히려 무겁습니다.
  • 나중에 테마를 바꿀 가능성이 있는 경우 — Divi로 만든 페이지는 Divi 없이는 제대로 안 보입니다.

05설치 전 체크리스트

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

06공식 정보와 최신 확인

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

자주 나오는 질문

Divi를 지우면 어떻게 되나요

페이지가 단축코드 덩어리로 보입니다. 이건 모든 빌더의 공통 단점입니다. 시작하실 때 이 점을 알고 선택하세요.

Elementor와 어느 쪽이 낫나요

Elementor는 사용자와 애드온이 훨씬 많아 자료 찾기가 쉽습니다. Divi는 편집 방식이 직관적이고 사이트 수 제한이 없습니다. 여러 사이트를 만든다면 Divi가 유리합니다.

공유
Eco Studio

직접 하기 어려우신가요?

읽으신 내용대로 저희가 대신 해 드립니다.
무엇이 필요한지부터 함께 정해요.

다른 가이드 더보기

가장 많이 찾으시는 가이드

가이드 전체 보기 →
Salient 세일리언트 테마: 포트폴리오·모션 사이트 만들기
테마 2026.08.29
Salient 세일리언트 테마: 포트폴리오·모션 사이트 만들기
Impreza 임프레자 테마: 데모 선택과 워드프레스 사이트 설정
테마 2026.08.29
Impreza 임프레자 테마: 데모 선택과 워드프레스 사이트 설정
Houzez 하우제즈: 워드프레스 부동산 매물 테마 설정
테마 2026.08.29
Houzez 하우제즈: 워드프레스 부동산 매물 테마 설정
카카오톡 상담 문의 남기기 주문서 작성 맨 위로