> Divi Theme → Kadence Theme 이전하기

Divi Theme → Kadence Theme 이전하기

2022년 10월 31일

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

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

① 블록 에디터 활성화

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

추가 참고문서

② 플러그인 설치

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

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

③ 블록 에디터를 위한 Divi Theme 템플릿 만들기

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

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

2. 페이지 편집

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

Row Layout의 폭 변경

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

편집 화면의 폭 변경

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

3. Kadence Theme 기반의 신규 사이트 제작

4. Kadence Theme으로 완전히 전환하기

0개의 댓글

댓글 제출

    0
    장바구니
    장바구니가 비었습니다.
      할인쿠폰 적용