Divi 레이아웃 팩은 워드프레스 페이지를 백지에서 만들 필요 없이, 전문 디자이너가 미리 짜둔 디자인을 그대로 불러와 시작하는 기능이다. Divi에는 2,000개가 넘는 미리 만들어진 레이아웃이 250개 이상의 레이아웃 팩 형태로 들어 있어, 비즈니스·포트폴리오·블로그 같은 목적별 디자인을 골라 한 번에 페이지에 적용할 수 있다. 이 글에서는 레이아웃 팩이 무엇인지, 어떻게 불러와 적용하는지, 적용 후 어떻게 손보는지를 개념 중심으로 정리한다.
Divi 레이아웃 팩이란
레이아웃 팩은 하나의 주제(예: 마케팅 회사, 카페, 사진 포트폴리오)를 위한 여러 페이지 디자인을 묶어 놓은 세트다. Elegant Themes의 디자인팀이 직접 제작하며, Divi(또는 Extra 테마) 라이선스가 있으면 추가 비용 없이 쓸 수 있다. 팩 하나에는 보통 홈·소개·서비스·연락처처럼 한 사이트를 구성하는 데 필요한 페이지들이 통일된 톤으로 들어 있어, 디자인 일관성을 유지하기 쉽다.
핵심 장점은 두 가지다. 첫째, 시작 속도. 헤더·섹션·버튼·타이포그래피가 이미 배치돼 있어 빈 화면 공포 없이 바로 내용 채우기에 들어갈 수 있다. 둘째, 완전한 커스터마이즈. 불러온 레이아웃은 잠겨 있지 않다. 섹션을 지우거나 추가하고, 색상·폰트·이미지·문구를 자유롭게 바꿀 수 있어 결국 내 브랜드에 맞는 페이지로 다듬게 된다.
미리 만들어진 레이아웃 불러오기
레이아웃 팩은 Divi 빌더(Divi Builder)로 페이지를 편집할 때 라이브러리에서 불러온다. 개념적인 흐름은 다음과 같다. 정확한 화면 구성은 Divi 버전에 따라 조금씩 다를 수 있으니, 큰 단계만 기억하면 된다.
- 새 페이지(또는 기존 페이지)에서 Divi 빌더로 편집(Use The Divi Builder)을 켠다.
- 빌더를 처음 켜면 세 가지 시작 옵션이 뜨는데, 그중 미리 만들어진 레이아웃 선택(Choose a Premade Layout)을 고른다.
- 라이브러리에서 불러오기(Load From Library) 창이 열리면 프리메이드 레이아웃(Premade Layouts) 탭으로 이동한다. 디자인팀이 만든 모든 무료 레이아웃이 이 탭에 모여 있다.
- 왼쪽 사이드바의 카테고리·검색으로 원하는 팩을 찾아 선택한다. 팩 안에서 적용할 페이지(홈·소개 등)를 고른다.
- 이 레이아웃 사용(Use This Layout)을 눌러 페이지에 불러온다.
불러오기가 끝나면 선택한 디자인이 그대로 편집 화면에 들어온다. 이때부터는 빈 페이지가 아니라, 완성형에 가까운 시안을 손보는 작업이 된다.
적용 후 내 콘텐츠로 바꾸기
레이아웃을 불러온 뒤에는 더미 텍스트와 샘플 이미지를 실제 내용으로 교체하는 것이 첫 일이다. Divi 빌더는 드래그 앤 드롭 방식이라, 각 모듈(텍스트·이미지·버튼 등)을 클릭해 내용을 바꾸고, 필요 없는 섹션은 삭제하면 된다. 작업의 큰 순서는 다음과 같다.
- 문구 교체 — 헤드라인·본문·버튼 라벨을 실제 서비스 설명으로 바꾼다.
- 이미지 교체 — 샘플 이미지를 내 브랜드 이미지로 바꾼다.
- 색상·폰트 통일 — 브랜드 색과 폰트로 맞춰 일관성을 잡는다.
- 섹션 정리 — 불필요한 섹션은 지우고, 필요한 블록은 복제·추가한다.
메인 페이지로 지정하기
완성한 페이지를 사이트의 첫 화면으로 쓰려면 워드프레스의 정적 홈페이지 설정을 이용한다. 관리자 화면에서 설정 → 읽기 → 홈페이지 표시를 정적인 페이지로 바꾸고, 방금 만든 페이지를 홈페이지로 지정하면 된다. 이렇게 하면 최신 글 목록 대신 디자인된 페이지가 메인으로 노출된다.
참고: 누스쿨은 지금 Elementor를 쓴다
이 글은 Divi를 쓰던 시기의 기록으로, 현재 누스쿨 사이트는 Elementor로 운영하고 있다. 두 빌더의 사용 방식은 비슷하다. Elementor에도 미리 만들어진 디자인 모음인 템플릿 라이브러리(Template Library)와 키트(Template Kits)가 있어, Divi의 레이아웃 팩처럼 완성된 페이지·섹션을 불러와 편집할 수 있다. 따라서 “미리 만들어진 디자인을 불러와 내 콘텐츠로 바꾼다”는 개념은 빌더가 달라져도 그대로 통한다.
정리
Divi 레이아웃 팩은 2,000개 이상의 무료 레이아웃을 통해 디자인 시작점을 제공하는 기능이다. 핵심 흐름은 Divi 빌더 켜기 → 미리 만들어진 레이아웃 선택 → 라이브러리에서 팩 고르기 → 이 레이아웃 사용 → 내 콘텐츠로 커스터마이즈다. 빈 페이지에서 헤매는 시간을 줄여 주되, 마지막엔 결국 내 브랜드에 맞게 다듬는 과정이 필요하다. 같은 발상은 Elementor의 템플릿 라이브러리에도 그대로 적용된다.
더 자세한 내용은 Divi 공식 문서 Using Premade Layouts In Divi를 참고하면 된다.
💬 댓글 0