Divi의 테마 빌더 이식성(가져오기 및 내보내기) 기능을 사용하는 방법

Divi의 테마 빌더는 한 Divi 사이트에서 다른 사이트로 쉽게 내보내고 가져올 수 있는 놀라운 웹사이트 템플릿을 만들 수 있는 기회를 제공합니다. 이를 통해 개발자와 디자이너는 모든 Divi 사이트의 하위 테마처럼 작동하는 전체 웹 사이트 팩을 만들 수 있습니다. 따라서 최상의 결과를 위해 이러한 템플릿을 적절하게 내보내고 가져오기 위해 Divi의 Theme Builder 이식성 기능을 사용하는 방법을 이해하는 것이 중요합니다.

이 튜토리얼에서는 Divi의 Theme Builder 이식성 기능을 사용하여 다양한 방법으로 템플릿을 가져오고 내보내는 방법을 다룰 것입니다. 앞으로 이식성 옵션에 대한 주저함을 완화하는 데 도움이 되기를 바랍니다.

뛰어들자!

YouTube 채널 구독

한 번에 모든 템플릿을 내보내는 방법

첫 번째 예에서 내보낼 템플릿 모음(기본 웹 사이트 템플릿 포함)이 있다고 가정해 보겠습니다. 이렇게 하려면 WordPress 대시보드로 이동하여 Divi > 테마 빌더로 이동하면 됩니다. 그런 다음 보라색 메뉴 바 내부 페이지 오른쪽 상단의 이식성 아이콘을 선택합니다.

이식성 모달의 내보내기 탭에서 내보내기 파일의 이름을 입력합니다. "모든 템플릿 내보내기" 옵션을 선택한 상태로 두고 내보내기 버튼을 클릭합니다.

이제 모든 템플릿이 포함된 json 파일이 컴퓨터에 저장되어 모든 Divi 사이트로 다시 가져올 수 있습니다.

Divi 테마 빌더를 사용하여 템플릿을 가져오는 방법

템플릿을 사이트로 가져오려면 가져올 올바른 파일이 있어야 합니다. 이 파일은 json 형식이며 하나 이상의 테마 빌더 템플릿을 성공적으로 내보낼 때 생성됩니다. json 파일은 하나의 파일에 단일 템플릿 또는 여러 템플릿(기본 웹 사이트 템플릿 포함)을 모두 포함할 수 있습니다. 따라서 나중에 json 파일의 내용을 더 잘 인식할 수 있도록 내보내기 파일의 이름을 지정하는 것이 중요합니다.

Divi 테마 빌더를 사용하여 json 파일을 가져오려면 페이지 오른쪽 상단에 있는 이식성 아이콘을 클릭하여 테마 빌더 내에서 동일한 이식성 옵션으로 이동합니다.

그런 다음 가져오기 탭을 선택합니다.

컴퓨터에서 파일을 선택합니다.

템플릿을 빈 테마 빌더로 가져오는 경우 옵션이 적용되지 않으므로 선택한 상태로 둘 수 있습니다. 이 게시물의 뒷부분에서 재정의를 다룰 것입니다.

그런 다음 가져오기 버튼을 클릭합니다.

그게 다야! 파일에 포함된 모든 템플릿은 모든 글로벌 영역 및 할당이 있는 상태로 웹 사이트로 마법처럼 가져옵니다. 이제 클릭하여 변경 사항을 저장하기만 하면 됩니다.

개별 템플릿을 내보내는 방법

실제로 테마 빌더에서 개별 템플릿을 내보낼 수 있는 두 가지 방법이 있습니다. 첫 번째 방법은 템플릿 위로 마우스를 가져갈 때 나타나는 개별 템플릿 메뉴에서 내보내기 아이콘을 선택하는 것입니다.

내보내기 아이콘을 클릭한 후 내보내기 파일 이름을 입력하고 내보내기 버튼을 클릭하기만 하면 됩니다.

개별 템플릿 json 파일이 컴퓨터에 다운로드됩니다.

개별 템플릿을 내보내는 다른 방법은 테마 빌더의 일반 이식성 옵션을 사용하는 것입니다.

이렇게 하려면 테마 빌더 인터페이스의 오른쪽 상단에 있는 이식성 아이콘을 클릭합니다.

내보내기 탭에서 내보내기 파일 이름을 입력합니다.

그런 다음 "모든 템플릿 내보내기" 옵션을 "선택 취소"합니다. 그러면 사용 가능한 템플릿 목록이 나타납니다. 목록에서 개별 템플릿을 선택하고 내보내기 버튼을 클릭합니다.

그에 따라 파일이 다운로드됩니다.

선택한 템플릿을 내보내는 방법

선택한 수의 템플릿을 내보내려면 테마 빌더 인터페이스의 오른쪽 상단에 있는 이식성 아이콘을 클릭합니다. 이 예에서 404 페이지, 모든 게시물 및 모든 카테고리 페이지에 대한 템플릿을 내보내고 싶다고 가정해 보겠습니다.

이식성 모달에서 내보내기 파일 이름을 지정한 다음 "모든 템플릿 내보내기" 옵션을 "선택 취소"합니다. 그러면 사용 가능한 템플릿 목록이 나타납니다. 목록에서 내보낼 템플릿을 선택하고 내보내기 버튼을 클릭합니다.

이식성 옵션으로 가져오기 충돌 처리

이미 템플릿이 있는 사이트로 템플릿을 가져오고 싶을 때가 있습니다. 충돌 가능성을 돕기 위해 이식성 모달에는 몇 가지 옵션이 포함되어 있습니다. 한 가지 옵션을 사용하면 가져오는 템플릿이 기존 템플릿의 할당을 재정의하도록 할지 여부를 선택할 수 있습니다.

예를 들어 웹사이트에 이미 게시물 템플릿("모든 게시물"에 할당된 템플릿)이 있다고 가정해 보겠습니다. 템플릿에는 전역 머리글, 사용자 지정 본문 및 전역 바닥글이 포함됩니다.

동일한 할당("모든 게시물")과 자체 전역 머리글 및 바닥글을 포함하는 다른 템플릿을 가져오려는 경우 충돌이 발생합니다. 첫 번째 충돌은 할당(둘 다 "모든 게시물"에 할당됨)이고 두 번째 충돌은 전역 요소(둘 다 전역 머리글 및 바닥글에 연결됨)입니다.

여기에서 이러한 이식성 옵션이 유용합니다.

새 게시물 템플릿을 가져올 때 "기존 할당을 무시하도록 가져오기 허용" 옵션을 선택된 상태로 유지합니다. 그런 다음 가져오기 버튼을 클릭하면 가져오기의 전역 요소로 무엇을 할 것인지 묻는 새 경고가 상자에 나타납니다. "이 웹사이트의 전체 머리글, 본문 및/또는 바닥글에 다시 연결" 옵션을 선택하면 가져온 템플릿이 기존 할당 을 무시하고 웹사이트의 전체 머리글, 본문 및/또는 바닥글을 채택할 수 있습니다.

가져오기가 성공적으로 추가되면 할당이 충돌하는 가져온 템플릿("모든 게시물")이 기존 템플릿을 재정의하고 기존 템플릿 할당을 "할당되지 않음"으로 변경합니다. 그리고 템플릿은 웹사이트의 전체 머리글과 바닥글을 채택(또는 다시 연결)합니다.

이제 웹 사이트의 게시물을 방문하면 동일한 전역 머리글과 바닥글을 볼 수 있지만 새 사용자 정의 본문이 있을 것입니다. 새로 가져온 템플릿이 이제 "모든 게시물"에 할당되었지만 웹사이트의 전체 머리글과 바닥글을 상속받았기 때문입니다.

새 게시물 템플릿을 가져오고 가져오기 후에 자체 전역 머리글과 바닥글을 유지하려면 "정적 레이아웃으로 가져오기..." 옵션을 확인하고 선택해야 합니다.

이렇게 하려면 테마 빌더 상단에 있는 이식성 아이콘을 클릭합니다. 이식성 모달에서 가져오기 탭으로 이동하여 컴퓨터에서 파일을 선택합니다. "가져오기를 재정의하도록 허용..." 옵션을 선택한 상태로 유지하고 가져오기 버튼을 클릭합니다.

이번에는 전역 영역을 "다시 연결"하는 대신 "정적 레이아웃으로 가져오기..." 옵션을 선택합니다.

이렇게 하면 가져온 템플릿이 기존 할당 을 무시 하고 고유한 전역 머리글, 본문 및/또는 바닥글을 정적 레이아웃으로 유지할 수 있습니다 .

이 새로 가져온 템플릿을 사용하여 라이브 사이트의 게시물을 보면 머리글과 바닥글이 정적 레이아웃으로 이어진 것을 볼 수 있습니다. 이것은 머리글과 바닥글이 이 개별 템플릿(전역 아님)에 가시적으로(및 적용 가능) 있음을 의미합니다.

새 템플릿이 기존 할당을 재정의하지 않도록 하려면 템플릿을 가져올 때 "기존 할당을 재정의하도록 가져오기 허용" 옵션을 "선택 취소"할 수 있습니다.

이제 템플릿 할당이 기존 템플릿과 충돌하므로 가져온 템플릿이 "할당되지 않음"으로 표시됩니다.

이것은 현재 웹사이트에서 무엇이든 변경하는 것에 대해 걱정할 필요 없이 많은 템플릿(또는 테마 빌더 팩 중 하나)을 가져오려는 경우에 유용할 수 있습니다.

예를 들어 전역 항목을 포함하여 전체 테마 빌더 템플릿 집합이 있는 파일이 있다고 가정해 보겠습니다. "재정의" 옵션을 선택하지 않고 정적 레이아웃으로 파일을 가져올 수 있습니다.

가져온 레이아웃은 기존 템플릿 할당을 무시하지 않고 정적 레이아웃이 됩니다.

기본 웹 사이트 템플릿을 가져오고 재정의하는 방법

기본 웹 사이트 템플릿은 웹 사이트의 전역 영역을 제어하는 ​​테마 빌더의 특수 템플릿입니다.

기본 웹 사이트 템플릿은 다른 템플릿과 마찬가지로 내보내고 가져올 수 있습니다. 그러나 웹 사이트에는 기본 웹 사이트 템플릿이 하나만 있을 수 있으므로 하나만 선택해야 합니다. 기본 웹 사이트 템플릿을 새 기본 웹 사이트 템플릿으로 재정의하려면 기본 웹 사이트 템플릿이 포함된 파일을 가져오고 "기본 웹 사이트 템플릿 재정의" 옵션이 선택되어 있는지 확인하기만 하면 됩니다.

새 기본 웹 사이트 템플릿을 가져오면 사이트 전체의 이전 전역 영역을 사용하여 모든 템플릿에서 전역 영역의 모든 인스턴스를 재정의합니다. 따라서 다른 작업을 수행할 필요가 없습니다!

가져오기 전에 백업 다운로드

시작하기 전에 새 템플릿을 가져올 때 사용할 수 있는 "가져오기 전에 백업 다운로드" 옵션을 지적하는 것이 중요합니다. 사실, 하나 이상의 템플릿을 웹사이트로 가져오기 전에 항상 백업을 다운로드하는 것이 좋습니다. 결국 많은 템플릿이 있을 수 있으며 백업 없이 실수로 항목을 무시하거나 지우고 싶지 않습니다.

옵션은 가져오기 탭 아래의 세 번째 옵션입니다.

마지막 생각들

몇 번의 간단한 클릭으로 전체 사이트가 변형되는 방식에는 마법 같은 것이 있습니다. 그리고 Divi의 Theme Builder 이식성 옵션을 사용하면 원하는 템플릿을 가져오고 내보낼 수 있으며 해당 템플릿이 기존 템플릿과 어떻게 작동할지 선택할 수 있습니다. 의심스러운 경우 가져오기 전에 백업을 다운로드하는 것이 항상 안전합니다.

Divi의 Theme Builder에서 템플릿을 가져오고 내보내는 경험은 어떠셨습니까?

댓글로 여러분의 의견을 기다리겠습니다.

건배!