안녕하세요. 워프파파입니다.
이번 포스팅에서는 워드프레스 기반의 비주얼 빌더의 양대산맥 중 하나인 Divi(디비) 빌더에 대해서 설명하고 Divi 빌더에 대한 강의를 이어가려고 합니다.
목차
비주얼 빌더(Visual builder)란?
워드프레스는 다양한 테마와 빌더를 통해 원하는 포스트를 구축 할 수 있다는 강력한 장점이 있습니다. 특히 포스트의 종류를 구분하여(post type) 페이지 역시 포스트 타입으로 구현하여 내가 원하는 입 맛대로 웹사이트를 구축 할 수 있는 수준까지 고도화가 되었는데요. 이런 이유 때문에 전세계에서 가장 많이 사용되는 CMS 이기도 합니다.
비주얼 빌더는 말 그대로 코딩을 통해 웹페이지를 구축하는 것이 아닌 비주얼 빌더를 통해 마치 PPT를 제작하는 것 처럼 프론트엔드에서 웹페이지를 구축 할 수 있게 해주는 워드프레스 플러그인입니다. 그 중 대표적으로 Elegant Themes의 Divi 빌더와 Elementor의 Elementor 빌더가 있습니다.
상기 동영상처럼 프론트엔드에서 행(column) -> 열(row) -> 모듈(module)을 통해 원하는 사이트를 구축 할 수 있으며 Divi 자체에서 제공하는 모듈등과 Divi를 사랑하는 수많은 개발자들이 개발한 서드파티 모듈(플러그인)을 통해 원하는 기능을 자유롭게 추가 할 수 있습니다.
Divi 빌더의 장점
Divi 빌더는 다음과 같은 장점을 가지고 있습니다.
- 드래그 앤 드롭 빌딩
- 실시간 편집
- 사용자 지정 CSS 컨트롤
- 반응형 편집
- 다양한 디자인 옵션
- 인라인 텍스트 편집
- 디자인 저장 및 관리
- 글로벌 요소 및 스타일 편집
- 실행 취소 및 되돌리기
Divi 빌더의 단점
디비 빌더는 다음과 같은 단점이 있습니다.
- 무료 버전이 없음(정확히는 디비 빌더는 있으나 디미 테마와 같이 사용하려면 비용을 지불해야함)
- 테마와 빌더 자체는 영구 라이센스(1회 구매시 영구적 사용 가능)이나 킬러 기능 중 하나인 Divi Cloud와 Divi Team을 사용하려면 유료 구독을 해야함
- 서드파티 플러그인 및 개발사가 적음
- 2023년 Divi 5로 메이저 업데이트가 예정 중으로 Legacy 지원 100%를 선언했으나 향후 컨버팅이 필요할 가능성이 높음(Elementor의 예시와 비슷)
사용성 및 편리함
디비 빌더는 사용성과 편리함이 상당히 직관적입니다. 특히 각 모듈별로 지원하는 CSS 기능과 에니메이션 기능이 장점으로 꼽힐 수 있으며 간단한 동영상 + 이미지 + 텍스트 사이트를 추구하는데는 다른 빌더보다 장점이 더 많다고 판단하는 분들도 많이 계십니다.
특히 1회 구매로 평생 라이센스를 얻을 수 있어 프리랜서로 일하시는 분들이 많이 사용하며 한국에서는 단비스토어가 디비 테마 자체를 번역하여 판매하고 있습니다. (2023년 기준 테마 자체도 번역이 되어 있으나 완벽하지는 않습니다. 이해하는데는 아무런 문제가 없습니다.)
특히 자체적으로 제공하는 2000개가 넘는 레이아웃 페이지와 템플릿을 사용하면 누구라도 쉽게 웹사이트를 만들 수 있으며 조금만 공부한다면 상기 말씀드린 동영상 + 이미지 + 텍스트 사이트는 금방 배우실 수 있을 것 입니다.
Theme Builder
디비는 테마 빌더라는 강력한 성능을 제공합니다.
개별 페이지, 블로그 페이지, 우커머스 상품 페이지, 글, 카테고리 페이지, 아카이브 페이지, 태그 페이지, 404 페이지, 검색 결과 페이지 등과 GNB 헤더 GNB 푸터 등을 자유롭게 디자인할 수 있는 Theme Builder가 탑재되어 사이트 제작하는 작업이 매우 수월해졌습니다.
강의 계획
향후 디비 강의는 디비를 통해 사이트를 구축하는 것을 목표로 차근차근 진행 할 예정입니다. 예상되는 강의 목차는 다음과 같습니다.
- Elegant Themes를 통해 가입 및 설치 그리고 세팅
- 디비 테마 및 빌더에 대한 설명
- 페이지 설정 및 행, 열, 모듈에 대한 설명
- 템플릿을 통한 웹사이트 구축
- CSS에 대한 전역, 개별, 페이지별, 모듈별 적용 및 트릭
- 테마 빌더 사용법
- 그 외 필요한 정보 및 강의
글로만 보시면 아직까지 감이 잘 오시지는 않으실거라 봅니다. 하지만 앞으로 강의 내용을 따라오신다면 누구라도 쓸만해 보이는 웹사이트를 만들 수 있다고 자신합니다. 워드프레스 테마가 궁금하시다면 ‘워드프레스 테마란‘ 포스팅을 보시면 이해가 쉬우실 거라 생각합니다.
그럼 앞으로 강의 내용도 기대해주세요!