Divi Theme → Kadence Theme 이전하기

1. 기존 사이트에 Kadence Theme 호환 환경 만들기

라이브 사이트에서 테마를 변경하는 작업은 적지 않은 시간이 소요됩니다. 그 전에 기존 Divi Theme 환경에서 최대한 Kadence Theme 및 블록 에디터와의 호환 환경을 만들어 주고 테마 변경 없이 진행할 수 있는 작업을 먼저 하는 게 좋습니다.

만약 라이브 사이트에 블록 에디터가 활성화되어 있지 않다면, ‘사용자화면 > 테마 빌더 > 고급’에서 ‘기본 편집기 사용’을 비활성화합니다.

추가 참고문서

아래의 플러그인을 설치합니다.

Kadence Blocks : 무료. 워드프레스에서 직접 검색해 설치하고 활성화합니다.
Kadence Blocks Pro : 유료. Kadence WP에서 구매 및 다운로드해 활성화합니다. 단비 케어 고객은 설치를 요청하시면 됩니다.
Shop Kit : 유료. 우커머스를 사용하고 Shop Kit이 제공하는 기능을 현재 사이트에서 이용할 경우에만 설치하고 활성화합니다.

포스트 타입의 편집 환경을 블록 에디터 기반으로 만드는 작업은 테마 변경 없이 진행할 수 있습니다. Kadence Theme으로 전환하기 전에 미리 변경할 수 있습니다.

Divi의 테마 빌더에서 아래와 같이 ‘전체 너비 절’과 ‘전폭 게시물 내용’만 사용된 템플릿을 만들고 블록 에디터를 사용할 페이지에 할당합니다.

위 과정을 거치면 블록 에디터와 Kadence Blocks로 페이지를 편집할 수 있는 환경이 완료된 상태입이며, 아래의 팁을 참고하시면 됩니다.

Divi의 섹션에 대응하는 Kadence Blocks가 제공하는 Row Layout을 사용할 때, ‘Use Theme Content Inner With’를 이용해 폭을 변경할 수 있습니다. 이를 활성화하면 Full With를 사용할 수 있습니다.

편집 화면에 실제 폭과 달라 번거롭다면 편집 화면의 Divi Settings에서 변경합니다. 해당 설정은 실제 페이지에 반영되지 않고, 편집 화면에만 적용됩니다.