Divi Cloud에서 항목 변형을 만드는 방법

게시 됨: 2022-07-04

Divi Cloud의 장점 중 하나는 손끝에서 동일한 레이아웃의 여러 변형을 가질 수 있다는 것입니다. 다양한 색상, 사진, 타이포그래피 등을 사용하여 여러 버전의 레이아웃을 쉽게 만들 수 있습니다. Divi Cloud를 사용하면 아이템 변형을 간단하게 만들 수 있습니다. 이 게시물에서는 Divi 클라우드에서 아이템 변형을 만드는 방법을 알아보겠습니다. 또한 헤더의 변형을 만드는 여러 방법을 살펴보고 항목 변형을 만들기 위한 모범 사례를 논의합니다.

항목 변형에 대한 모범 사례

항목 변형을 생성할 때 항목이 변형이고 무엇의 변형이며 무엇이 원본과 다른지 쉽게 아는 것이 중요합니다. 이것은 이름, 범주 및 태그로 수행할 수 있습니다. Divi는 자동으로 스냅샷을 생성하므로 레이아웃 세부 정보 보기에서 축소판과 더 큰 이미지로 레이아웃을 시각적으로 볼 수 있습니다.

다른 레이아웃의 변형임을 분명히 하는 이름, 범주 및 태그를 사용합니다. 그것들은 설명적이어야 하므로 레이아웃이 무엇의 변형이고 변형이 무엇인지 알 수 있습니다. 여기에는 이름에 색상 또는 유사한 디자인 설명을 추가하는 것이 포함됩니다. 주요 차이점에 중점을 둡니다.

예를 들어, "최소 헤더(파란색)" 및 "최소 헤더(흰색)"는 설명적이며 "최소 헤더"라는 레이아웃의 변형임을 보여줍니다. 또한 원본과 다른 점을 설명합니다. 짧고 간단하며 한 눈에 이해하기 쉽습니다.

이 게시물에서 사용하는 변형은 사소한 변경 사항입니다. 카테고리는 변경하지 않겠지만 태그를 변경하고 설명과 함께 이름을 사용하겠습니다.

헤더 레이아웃 만들기

Divi Cloud에 헤더 레이아웃을 추가하는 방법부터 시작하겠습니다. 미리 만들어진 레이아웃을 사용하거나 처음부터 머리글을 만들 수 있습니다. 제 예제에서는 Divi의 Electrical Services Layout Pack용 무료 머리글 및 바닥글을 사용하고 있습니다. 이 헤더를 전기 서비스 헤더라고 부를 것입니다. 범주에 대해 헤더를 선택하고 두 태그 중 하나를 선택하겠습니다.

테마 빌더에서 헤더 만들기

먼저 Divi Theme Builder에서 헤더를 생성합니다. Divi 테마 빌더 사용에 대한 자세한 내용은 우아한 테마 블로그에서 "테마 빌더"를 검색하십시오. 테마 빌더의 다양한 측면을 단계별로 안내하는 많은 게시물을 찾을 수 있습니다. 프로세스는 간단하지만 관리하기 쉽게 더 작은 단계로 나눴습니다.

먼저 WordPress 대시보드에서 “Divi” > “Theme Builder”로 이동하여 Visual Builder를 활성화합니다.
세 가지 방법 중 하나로 헤더를 빌드합니다. "전체 헤더 추가"를 선택하거나, "새 템플릿"을 추가하거나, "이동성" 옵션을 선택하고 헤더 레이아웃을 생성하거나 가져옵니다.
Divi Cloud에 추가하려는 헤더의 편집 아이콘을 클릭합니다.

헤더를 Divi Cloud에 저장

그런 다음 헤더를 편집하고 레이아웃을 Divi Cloud에 저장합니다.

페이지 하단의 보라색 "라이브러리에 저장" 아이콘을 클릭합니다.
레이아웃 이름을 입력하고 클라우드에 저장을 선택한 다음 카테고리와 태그를 선택합니다.
"라이브러리에 저장"을 클릭합니다.
테마 빌더의 편집기를 닫습니다.
테마 빌더의 왼쪽 상단에서 "변경 사항 저장"을 선택합니다.

아이템 변형 생성

다음으로 원래 헤더의 두 가지 변형을 만듭니다. Divi Cloud에 대한 항목 변형을 만드는 방법에는 여러 가지가 있습니다. 몇 가지 다른 옵션을 살펴보겠습니다.

헤더 레이아웃 변형 1

첫 번째 변형의 경우 Divi 테마 빌더에서 계속 작업합니다. 이것은 원래 헤더 레이아웃을 만드는 과정을 따릅니다. 카테고리, 제품, 서비스 등과 같은 다른 페이지를 복제합니다.

헤더 템플릿 복제

먼저 헤더를 복제하여 위치에 할당합니다.

WordPress 대시보드에서 “Divi” > “Theme Builder”로 이동하여 Visual Builder를 활성화합니다.
전역 템플릿 위에 있는 복제 아이콘을 선택합니다.
팝업에서 이 템플릿을 할당할 위치를 선택하고 하단의 "저장"을 클릭합니다.

Divi Cloud에 변형 저장

그런 다음 헤더를 편집하여 Divi Cloud에 저장합니다.

Divi Cloud에 추가하려는 헤더의 편집 아이콘을 클릭합니다.
페이지 하단의 보라색 "라이브러리에 저장" 아이콘을 클릭합니다.
레이아웃 이름을 입력하고 클라우드에 저장을 선택한 다음 카테고리와 태그를 선택합니다. 다른 레이아웃의 변형임을 분명히 하는 이름, 범주 및 태그를 선택합니다.
"라이브러리에 저장"을 클릭합니다.
테마 빌더의 편집기를 닫습니다.
테마 빌더의 왼쪽 상단에서 "변경 사항 저장"을 선택합니다.

헤더 레이아웃 변형 2

두 번째 변형의 경우 헤더를 복제하고 Divi Cloud 내에서 편집합니다. 이를 위해 Divi 테마 빌더를 종료하고 모든 Divi 페이지 또는 게시물에서 Visual Builder를 사용합니다.

헤더 레이아웃 복제

먼저 레이아웃을 Divi Cloud 편집기에 로드해야 합니다.

먼저 Divi 웹사이트 프론트 엔드의 아무 페이지로 이동하여 화면 상단의 도구 모음에서 "Visual Builder 활성화"를 클릭하여 Visual Builder를 활성화합니다.
페이지 하단의 Divi 도구 모음에서 보라색 더하기 아이콘을 클릭하여 Divi 라이브러리를 엽니다.
상단의 "저장된 레이아웃" 탭을 클릭합니다.
다음으로 Divi Cloud 항목을 봅니다. 왼쪽 사이드바의 위치 아래에 있는 "My Divi Cloud" 확인란을 클릭합니다.
Divi Cloud 항목을 검색, 정렬 또는 필터링하여 복제하려는 레이아웃을 찾습니다. 키워드 또는 즐겨찾기로 검색하고 카테고리 및/또는 태그를 선택하여 필터링하거나 시간, 이름 또는 즐겨찾기를 기준으로 정렬합니다.
복제하려는 레이아웃을 마우스 오른쪽 버튼으로 클릭합니다.
팝업 메뉴에서 "복제"를 선택합니다.
또는 레이아웃 세부 정보 화면에서 미리보기를 마우스 오른쪽 버튼으로 클릭하여 메뉴 항목을 열고 팝업 메뉴에서 "복제"를 클릭할 수 있습니다.
세부 정보를 선택할 수 있는 모달이 열립니다. "레이아웃 이름" 필드에 새 이름을 추가합니다. 이 레이아웃에 대해 원하는 범주를 선택하거나 새 범주를 추가합니다. 새 태그를 선택하거나 추가합니다. 레이아웃 이름을 입력하고 "클라우드에 저장"을 선택한 다음 카테고리와 태그를 선택합니다. 다른 레이아웃의 변형임을 분명히 하는 이름, 범주 및 태그를 선택합니다.
완료되면 녹색 확인 표시 버튼을 클릭합니다. 레이아웃은 자동으로 Divi Cloud에 저장되므로 페이지를 저장할 필요가 없습니다.

클라우드 내부 레이아웃 편집

그런 다음 Divi Visual Builder를 사용하여 Divi 레이아웃을 변경합니다. 이것은 라이브러리에 저장, 페이지 설정 및 이식성을 제외하고 모든 페이지 내에서 Visual Builder와 동일하게 작동합니다. 편집기가 이미 활성화되어 있으므로 변경을 시작하기만 하면 됩니다.

Divi Cloud 항목을 검색, 정렬 또는 필터링하여 편집하려는 레이아웃을 찾습니다. 키워드 또는 즐겨찾기로 검색하고 카테고리 및/또는 태그를 선택하여 필터링하거나 시간, 이름 또는 즐겨찾기를 기준으로 정렬합니다.
편집할 레이아웃을 마우스 오른쪽 버튼으로 클릭합니다.
팝업 메뉴에서 "Divi로 편집"을 선택합니다. 레이아웃은 Visual Builder가 활성화된 웹사이트의 페이지가 아닌 새 탭에서 열립니다.
또는 레이아웃 세부 정보 화면에서 미리보기를 마우스 오른쪽 버튼으로 클릭하여 메뉴 항목을 열고 팝업 메뉴에서 "Divi로 편집"을 클릭할 수 있습니다.
평소처럼 Divi Builder로 레이아웃을 편집하기만 하면 됩니다. 섹션, 행, 열, 모듈, 코드 등을 추가하거나 사용자 정의합니다.

클라우드 내부에 헤더 변형 변경 사항 저장

마지막으로 변경 사항을 저장합니다. 편집 내용은 Divi Cloud에 자동으로 저장됩니다.

레이아웃의 오른쪽 하단 모서리에 있는 "클라우드 항목 저장"을 클릭하여 변경 사항을 저장합니다.
변경 사항이 저장될 때까지 기다립니다. 변경 사항은 클라우드 자체에 저장됩니다.
편집이 끝나면 탭을 닫습니다. 이것은 웹사이트의 페이지가 아니므로 Visual Builder를 종료할 필요가 없습니다.

마무리 생각

Divi Cloud에서 아이템 변형을 만드는 방법을 살펴보았습니다. Divi를 사용하면 변형을 쉽게 만들고 클라우드에 저장할 수 있습니다. 변형을 만드는 방법에는 여러 가지가 있습니다. 사용하는 방법에 관계없이 설명이 포함된 이름을 만들고 변형을 한 눈에 이해하는 데 도움이 되는 범주와 태그를 사용하세요. Divi Cloud는 모든 Divi 웹사이트에서 사용할 여러 변형을 저장하는 좋은 방법입니다.

우리는 당신의 의견을 듣고 싶습니다. Divi Cloud 내에서 아이템 변형을 생성하셨습니까? 의견에 귀하의 경험에 대해 알려주십시오.