Divi 테마 기능 업데이트: 사용자 지정 가능한 새로운 비주얼 빌더 도입
작년 9월 초에 릴리스된 Divi 3.0은 약 5일마다 크고 작은 업데이트가 이루어져 2017년 10월 8일 현재 3.0.78까지 공개되었습니다. 최근 Elegant Themes의 Divi에서는 비주얼 빌더(Visual Builder)에 완전히 새로운 인터랙션 모드 2가지와 함께 새로운 인터페이스 커스터마이제이션 옵션이 도입되었습니다.
두 가지의 새로운 인터랙션 모드 도입
모듈, 행(Row), 섹션(Section) 작업 시 사용할 수 있는 Click Mode(클릭 모드)와 Grid Mode(그리드 모드)가 비주얼 빌더에 추가되었습니다.
클릭 모드(Click Mode)
Divi의 Visual Builder에서는 기본적으로 모듈, 행, 섹션에 마우스를 올려 놓으면 컨트롤이 표시되어 클릭할 수 있습니다(허버 모드). 하지만 이 방식을 싫어하는 사용자들이 있다고 하네요. (아마 작은 모듈이 인접해 있으면 컨트롤을 선택하기가 쉽지 않은 문제가 드물지만 간혹 발생하는 것 같습니다.)
그래서 클릭 모드(Click Mode)라는 새로운 인터랙션 모두가 도입되었습니다. 허버 모드(Hover Mode)와 달리 클릭 모드에서는 엘리먼트(요소)를 클릭해야 컨트롤이 표시됩니다.
그리드 모드(Grid Mode)
허버 모드와 클릭 모드 외에 그리드 모드(Grid Mode)도 추가되었습니다. 그리드 모드를 사용하면 페이지의 모든 모듈, 행 및 섹션(절) 컨트롤이 동시에 표시됩니다. 따라서 엘리먼트(요소)를 클릭하거나 마우스를 올릴 필요가 없습니다. 엘리먼트의 설정을 열면 그리드는 사라지고 디자인을 조정하는 동안 페이지를 전체적으로 확인할 수 있습니다.
허버 모드(Hover Mode) 개선
Divi의 기본 모드인 허버 모드도 크게 개선되었습니다. 새로운 버전에서는 작은 모듈의 허버 버튼 배치를 개선하고 드물지만 특정 상황에서 버튼이 겹쳐져서 컨트롤에 접근하기가 어렵거나 불가능하게 되는 문제를 없애는 데 주안점을 두었다고 하네요.
툴바 사용자 지정 가능
비주얼 빌더 툴바(Toolbar)를 이제 페이지를 만들면서 원하는 보기 모드와 인터랙티브 모드를 쉽게 이용할 수 있도록 컨트롤할 수 있도록 사용자 지정이 가능합니다. 한 번의 클릭으로 Wireframe Mode, Click Mode, Grid Mode, Zoom 및 반응형 프리뷰 등에 쉽게 접근할 수 있습니다.
이외에도 여러 가지 편의 기능이 추가되었습니다.
- 기본적으로 모든 옵션 열기 토글(Toggle)
- 비활성화된 모듈 완전히 숨기기
- Divi Buidler 인터페이스 애니메이션 제거
- 기본 모달(Modal) 위치 선택
- History State 생성 빈도 제어 - 기본적으로 비주얼 빌더에서는 사용자의 모든 작업에 대한 이력 상태(History State)를 저장하여 History Settings 팝업에서 쉽게 이전 상태로 되돌릴 수 있는 기능을 제공합니다. 하지만 한 번의 세션에서 오랫동안 작업하다 보면 많은 수정이 이루어져 원하는 복구 지점을 찾기가 쉽지 않을 수 있습니다. 이 설정을 통해 이력 상태 생성 빈도(history state creation frequency)를 제한할 수 있습니다.
- 기본 인터랙션 모드 선택
참고로 Divi의 비주얼 빌더에 새로운 기능이 도입되면서 백엔드에서 요소의 설정이 클릭되지 않은 문제가 일시적으로 나타났지만 곧바로 새로운 업데이트가 나오면서 버그가 수정되었습니다.
