Divi Theme – 글로벌 Presets

Divi Theme – 글로벌 Presets

목차

? 참고: “Preset”은 미리 설정값을 정해서 저장해놓고 필요할 때 사용하는 “사전 설정”이라고 생각하면 될 것 같습니다.

?? 참고: 이 메뉴얼에서는 Preset은 “프리셋”으로 적었습니다.

Divi의 글로벌 프리셋 기능 개요

글로벌 기본값에 대한 강력한 대체

글로벌 프리셋은 글로벌 기본값의 강력한 진화형태로, Divi의 글로벌 설정과 스타일을 완전히 새로운 수준으로 끌어 올렸습니다. 요소에 대해 하나의 글로벌 기본값을 허용하는 대신 글로벌 프리셋을 사용하면 Divi의 모든 요소에 대해 “Preset” 이라는 여러 기본값을 사용할 수 있습니다.

예를 들어 전체적으로 사용되는 세 가지 기본 버튼 디자인이 있는 사이트가 있다고 가정해 보겠습니다. 이러한 세 개의 버튼 디자인 각각에 고유한 글로벌 프리셋(예: “버튼 프리셋 1”, “버튼 프리셋 2”, “버튼 프리셋 3”)을 부여할 수 있습니다. 이제 새 버튼을 만들 때 마다 해당 글로벌 프리셋 중 하나를 선택할 수 있습니다.

버튼 프리셋 예시

또한 하나의 프리셋 디자인을 업데이트하면 해당 프리셋의 모든 설정이 사이트 전체에 업데이트됩니다. 글로벌 프리셋은 로컬 및 글로벌 규모 모두에서 디자인 프로세스의 속도를 높입니다.

밑의 그림은 원문에서 가져온 그림입니다. 프리셋 디자인을 바꾸면 같은 프리셋을 가지고 있는 버튼의 디자인이 변하는 것을 볼 수 있습니다.

프리셋 드롭다운 메뉴

글로벌 프리셋은 모든 Divi 요소의 설정창에 존재합니다. 특정 Divi 요소에 대한 글로벌 프리셋에액세스하려면 설정을 열고 제목아래 상단에 있는 “Preset” 드롭다운 메뉴를 클릭합니다.

글로벌 프리셋 위치

드롭다운 내에서 프리셋을 만들거나 현재 기본 프리셋을 업데이트 할 수 있는 옵션이 있습니다.

프리셋 업데이트 옵션

로컬 vs 글로벌 프리셋

Divi의 요소에 대한 글로벌 프리셋을 업데이트 할 때 해당 요소에 대한 글로벌 프리셋창에 옵션이 있습니다. 이 글로벌 프리셋창에는 요소에 로컬로만 적용되는 옵션이 아니라 글로벌 프리셋 옵션을 편집하고 있는지 쉽게 확인할 수 있도록 회색 헤더로 되어있습니다.

글로벌 프리셋창 여는 아이콘
회색 헤더의 글로벌 프리셋

글로벌 프리셋 드롭다운 메뉴 및 옵션은 로컬 설정 및 글로벌 설정창과 동일합니다. 이렇게 하면 현재 작업중인곳과 관계없이 글로벌 프리셋을 쉽게 업데이트 할 수 있습니다.

밑의 그림은 글로벌 프리셋에 따른 버튼 디자인의 차이를 보여줍니다.

divi global presets
글로벌 프리셋 업데이트 예시

Divi에서 글로벌 프리셋 사용하기

기본적으로 글로벌 프리셋 드롭다운 메뉴에는 이미 선택되어 있는 기본 프리셋만 포함됩니다.

기본 프리셋만 있다

프리셋 목록

프리셋이 더 추가되면 드롭다운 메뉴에 해당 요소에 대해 사용 가능한 글로벌 프리셋이 나열됩니다. 기본은 기준이 되는 프리셋의 이름과 함께 드롭다운 맨 위에 보여집니다

기본 프리셋

“별” 그리고 “체크” 아이콘

목록의 특정 프리셋 옆에 별표 아이콘과 체크 아이콘이 있습니다. 별표 아이콘은 기본 프리셋으로 사용중인 프리셋에 표시됩니다. 녹색 체크 표시 아이콘은 활성 프리셋(현재 사용중인 프리셋)을 식별합니다.

별표가 있는 기본 프리셋

새 프리셋 만드는 버튼

두 개의 버튼이 프리셋 드롭다운에 포함되어 있습니다. 요소에서 현재 활성화된 디자인으로 프리셋을 바로 시작하려면 “CREATE NEW PRESET FROM CURRENT STYLES” 버튼을 클릭합니다. 또는 “ADD NEW PRESETE” 버튼을 클릭하여 처음부터 새 사전 설정을 추가합니다.

프리셋 만드는 버튼 둘

글로벌 프리셋 항목 메뉴

드롭다운 내의 개별 글로벌 프리셋 위로 마우스를 가져가면 항목이 파란색으로 바뀌고 추가 옵션이 있는 메뉴가 나타납니다.

글로벌 프리셋 추가 옵션

이 메뉴에는 6가지 아이콘이 있습니다.

  • 편집
  • 설정
  • 현재 스타일로 프리셋 업데이트
  • 복제
  • 지우기
  • 기본값으로 할당
프리셋 추가 옵션 기능

프리셋 스타일 편집

편집 아이콘은 특정 글로벌 프리셋의 디자인을 업데이트 할 수 있습니다.

편집 아이콘 클릭시

설정

기어 아이콘은 프리셋의 이름을 변경하는 설정을 엽니다.

설정 아이콘 클릭시

현재 스타일로 프리셋 업데이트

업데이트 아이콘을 사용하면 요소의 현재 스타일로 글로벌 프리셋을 업데이트 할 수 있습니다. 작업중인 디자인을 기존 프리셋에 빠르게 적용할 수 있는 방법입니다. 사이트 전체에 이 글로벌 프리셋을 사용하는 모든 요소에 영향을 미치므로 확인창이 팝업됩니다.

현재 스타일로 프리셋 업데이트 아이콘 클릭시

복제

복제 아이콘은 프리셋을 복제하고 이름을 지정하거나 기본값으로 할당할 수 있습니다. 이것은 처음부터 디자인을 시작하지 않고도 새로운 프리셋을 생성할 수 있는 훌륭한 옵션입니다.

복제 아이콘 클릭시

프리셋 삭제

삭제 아이콘은 프리셋을 삭제합니다. 팝업 알림은 전체 사이트에 영향을 미치는 프리셋을 삭제하고 있음을 알려줍니다. 그리고 삭제된 사전 설정이 기본값으로 사용되는 경우 새 프리셋이 해당 요소의 기본 프리셋으로 자리를 잡습니다.

삭제 버튼 클릭시

프리셋을 기본값으로 할당

앞서 언급했듯이 별표 아이콘은 기본 프리셋을 나타냅니다. 프리셋 메뉴에서 별표 아이콘을 클릭하면 해당 프리셋이 기본값으로 지정됩니다.

기본값 할당 아이콘

새 프리셋 추가

Divi는 새로운 글로벌 프리셋을 추가하기 위한 몇 가지 옵션을 제공합니다. 여기에는 처음부터 프리셋 만들기, 요소의 현재 스타일을 사용하여 새 프리셋 만들기 또는 기존 프리셋 복제가 포함됩니다.

처음부터

처음부터 새 프리셋을 만들려면 드롭다운에서 새 프리셋 추가 버튼을 선택합니다. 새 프리셋 이름과 기본 프리셋 설정을 기호에 따라 채웁니다. 그런 다음 새 프리셋의 메뉴를 사용하여 스타일을 편집하거나 요소의 현재 스타일로 프리셋을 업데이트하는 등 추가 변경을 수행합니다.

새 프리셋 추가

현재 스타일 가져오기

이미 스타일이 지정된 요소가 있는 경우 “CREATE NEW PRESET FROM CURRENT STYLES”라고 표시된 단추를 클릭하여 해당 요소를 새 프리셋으로 만들도록 선택할 수 있습니다. 기존 디자인으로 작업하고 새로운 프리셋 디자인을 바로 시작하려는 경우 더 편리합니다.

현재 스타일 적용해서 새 프리셋 만들기

다른 프리셋 복제

앞서 언급했듯이 복제 아이콘을 사용하여 기존 프리셋을 복제하면 빠르게 시작할 수 있습니다.

프리셋 복제

기존 프리셋 업데이트

Divi에서 기존 글로벌 프리셋의 디자인을 업데이트하는 방법에는 여러 가지가 있습니다. 이를 통해 사용자는 자신에게 가장 적합한 방식으로 디자인을 업데이트 할 수 있습니다.

프리셋의 설정 편집

기존 프리셋을 업데이트하는 가장 직접적인 방법은 메뉴에서 편집 아이콘을 클릭하는 것입니다. 이렇게 하면 특정 글로벌 사전 설정에 대한 설정을 업데이트 할 수 있는 글로벌 프리셋창으로 변환됩니다.

프리셋 편집창 열기

현재 스타일로 프리셋 업데이트

앞서 언급했듯이 업데이트 아이콘을 사용하여 기존 프리셋을 업데이트 할 수 있습니다. 작업중인 디자인을 기존 프리셋에 적용하는 빠른 방법입니다.

현재 스타일로 프리셋 업데이트

기타 설정 (오른쪽 클릭) 옵션

프리셋 스타일 편집

글로벌 프리셋 메뉴 항목 외에도 “오른쪽 클릭” 메뉴를 사용하여 기존 프리셋 스타일을 편집할 수 있습니다. 메뉴를 열면 “Edit Preset Style” 옵션을 클릭합니다. 그러면 해당 요소에 할당된 프리셋에 대한 글로벌 프리셋창이 열립니다 (프리셋 편집 아이콘을 클릭하는 것과 동일).

오른쪽 클릭시 프리셋 편집

현재 프리셋에 스타일 적용

기타 설정 메뉴에는 “Apply Styles to Active Preset” 옵션도 포함되어 있습니다. 이것은 기본적으로 프리셋 메뉴에서 사용할 수 있는 “현재 스타일로 프리셋 업데이트” 옵션과 동일합니다. 그러나 변경 사항을 적용하기 위해 특정 요소의 설정을 열지 않으려는 경우이 옵션이 더 편리 할 수 있습니다.

현재 스타일 적용하는 다른 방법

현재 프리셋 옵션 그룹 적용

옵션 해당 특정 옵션 그룹의 스타일을 활성화된 프리셋에 적용합니다.

옵션 그룹을 현재 프리셋에 적용

현재 프리셋에 단일 스타일 옵션 적용

단일 옵션을 적용할 수 있습니다. 예를 들어 특정 프리셋의 텍스트 크기를 조정해야 할 수 있습니다. 이렇게 하려면 옵션 옆에 있는 메뉴를 열고 “Apply Style To Active Preset”을 선택합니다.

단일 스타일 프리셋에 적용

다른 프리셋 선택

프리셋이 여러 개 있으면 목록에서 다른 프리셋으로 쉽게 선택할 수 있습니다.

밑의 그림이 버튼 프리셋 설정의 좋은 예입니다.

divi global presets
버튼 프리셋 예시

글로벌 프리셋 내의 조건부 논리

일반적으로 요소의 설정을 업데이트 할 때 특정 옵션은 조건부 논리를 기반으로 만 사용할 수 있습니다. 예를 들어, 아이콘 스타일은 사용자가 안내문 모듈에 이미지 대신 아이콘을 사용하도록 선택한 경우에만 사용할 수 있습니다. 이 기능을 사용하면 디자인에 적용되지 않는 옵션을 포함하지 않음으로써 문제가 해결됩니다.

그러나 요소에 대한 글로벌 프리셋을 편집할 때 조건부 논리(일반적으로 논리에 따라 옵션을 숨기거나 표시함)는 무시됩니다. 이를 통해 사용자는 사이트에 요소를 추가할 때 사용되거나 사용되지 않을 수 있는 모든 옵션에 대한 글로벌 프리셋을 디자인할 수 있습니다.

아래 그림에서 볼 수 있듯이 이미지를 사용하는 경우에도 안내문 설정에 아이콘 스타일을 사용할 수 있습니다.

글로벌 프리셋 조걱부 논리 무시

편집 기록

설정에 실수가 있었나요? 걱정하지 마세요. 사이트 전체 변경 사항에 대한 기록 상태를 제어할 수 있습니다. 편집 기록창에 액세스하려면 설정 메뉴에서 시계 아이콘을 클릭하십시오.

그런 다음 오른쪽 Global History States(“세계사”로 번역되어 있네요..)탭을 선택합니다. 여기에서 사이트 전체의 다른 상태를 선택하여 실수를 취소할 수 있습니다. 모듈, 행 또는 섹션에 글로벌 프리셋 변경을 저장하고 확인할 때마다 새 상태가 목록에 추가됩니다. 목록에서 상태를 선택하여 이전 상태로 되돌리기만 하면 됩니다.

글로벌 편집 기록 확인

글로벌 프리셋이 있는 요소 가져오기

글로벌 프리셋이 있는 요소를 Divi 라이브러리로 가져올때 글로벌 프리셋을 포함하거나 제외 할 수 있는 옵션이 있습니다. 이렇게 하려면 Divi > Divi 라이브러리로 이동합니다. 그런 다음 가져오기 및 내보내기 버튼을 클릭합니다. 이동성 팝업에서 가져오기 탭을 선택합니다. 그런 다음 가져올 파일을 선택하고 “Import Presets “를 선택합니다. 그런 다음 가져오기 버튼을 클릭합니다.

Divi 라이브러리 열기
글로벌 프리셋 가져오기

“imported” 접미사

글로벌 프리셋이 있는 요소를 내보내거나 가져올 때 가져온 요소 글로벌 프리셋의 이름이 “imported” 접미사로 자동 변경됩니다.

원문: https://www.elegantthemes.com/documentation/divi/divi-global-presets

코멘트 제출