Divi Builder – 선택적 동기화

Divi Builder – 선택적 동기화

글로벌 라이브러리 항목의 일부만 동기화

선택적 동기화를 사용하면 새 글로벌 라이브러리 항목을 저장할 때 개별 설정을 저장할 수 있습니다. 콘텐츠, 디자인 또는 고급 탭의 일부 또는 전체를 선택적으로 동기화하도록 선택할 수 있습니다.

예를 들어 새 모듈을 라이브러리에 글로벌 항목으로 저장하는 경우 디자인 설정만 동기화하도록 설정을 편집할 수 있습니다. 그러면 이러한 설정만 라이브러리에 추가됩니다. 이것은 디자인 또는 고급 탭을 탐구하고 웹 사이트의 여러 모듈에 고유한 스타일을 사용하는 동시에 각각의 콘텐츠 탭에 고유한 콘텐츠를 추가하려는 경우에 특히 유용합니다.

간단한 예는 웹 사이트의 모든 페이지에 추가되는 고유한 스타일의 헤더 모듈을 만드는 것입니다. 이 예에서는 전체 웹사이트에서 공유되는 고유한 디자인 설정 조합을 원할 수 있지만 동시에 현재 페이지를 나타내기 위해 각 모듈에 고유한 제목 텍스트를 추가할 수 있어야합니다. 이 예에서는 디자인 설정만 선택적으로 동기화하도록 선택하는 것이 가장 합리적입니다.

선택적 동기화 사용

비주얼 빌더를 사용하여 새 항목을 라이브러리에 저장하고 글로벌(포괄)을 체크해서 만듭니다. 그런 다음 클릭하여 모듈 설정을 편집합니다. 컨텐츠, 디자인 및 고급 탭의 모든 옵션 왼쪽에 작은 동기화 아이콘이 표시됩니다. 이 아이콘을 클릭하여 현재 글로벌 라이브러리 항목의 일부 또는 모든 설정을 선택적으로 동기화하는 옵션을 활성화 또는 비활성화하고 저장을 클릭합니다. 선택한 옵션 만 라이브러리 내에서 편집할 수 있습니다. 페이지에 글로벌 라이브러리 항목을 추가하면 동기화하도록 선택한 설정만 표시됩니다.

선택적 동기화

글로벌 모듈을 편집할 때마다 동기화 아이콘의 녹색으로 현재 동기화중인 옵션을 쉽게 식별할 수 있습니다. 녹색 아이콘은 현재 글로벌 모듈 내에서 동기화되고있는 옵션입니다. 빨간색은 항목이 동기화되지 않았음을 의미합니다. 녹색(활성화됨) 동기화 아이콘으로 편집된 옵션은 글로벌 항목의 모든 인스턴스에서 공유됩니다.

선택적 동기화의 힘

선택적 동기화를 글로벌 모듈과 함께 사용하면 매우 강력할 수 있습니다. 좀 더 자세히 살펴보겠습니다. 모든 페이지 상단에 꽉찬너비 헤더 모듈이 있다고 가정해 보겠습니다. 이것은 매우 일반적입니다. 각 헤더 모듈은 현재 페이지를 나타내는 “컨텐츠” 설정에서 다른 제목을 갖습니다. 또한 “디자인” 설정을 사용하여 제목 글꼴 스타일을 굵게 및 모두 대문자로 조정하여 머리글에 독특한 모양을 부여하고 머리글 모듈을 더 크게 만들기 위해 머리글 상단과 하단의 사용자 정의 패딩을 늘렸습니다.

각 페이지의 모든 헤더 모듈이 이 고유한 스타일을 사용하기를 원하지만 각 페이지에는 고유한 제목이 있어야합니다. 이 경우 글로벌 꽉찬너비 헤더 모듈을 만들고 “디자인“탭의 옵션만 선택적으로 동기화하도록 선택할 수 있습니다. 이제 이 전역 모듈을 새 페이지에 추가 할 때마다 “디자인” 설정이 동기화되지만 “콘텐츠” 설정은 현재 모듈에 대해 고유하게 유지됩니다.

모든 페이지의 헤더 스타일을 변경하려는 경우 이러한 글로벌 모듈에서 공유하는 동기화 된 “디자인” 설정을 수정할 수 있으며 변경사항은 글로벌 헤더가 사용된 모든 단일 페이지에 반영됩니다! 와우, 엄청난 시간을 절약할 수 있습니다!

이 방법은 “고급“탭에도 적용될 수 있습니다. 슬라이더 모듈을 만들고 “고급“탭을 사용하여 슬라이더 버튼에 고유한 애니메이션을 적용했다고 가정해 보겠습니다. 웹 사이트의 모든 슬라이더 모듈에서 이 새로운 고유 애니메이션을 사용하려고 합니다. 이 경우 새 글로벌 슬라이더 모듈을 만들고 사용자 지정 CSS 애니메이션을 포함하는 “고급“설정을 선택적으로 동기화 할 수 있습니다.

이 슬라이더를 페이지에 추가하고 “컨텐츠“및 “디자인” 설정을 자유롭게 조정하면서 고유한 사용자 지정 CSS를 전체 모듈 시리즈에서 동기화된 상태로 유지합니다. 이 일련의 글로벌 모듈에 대한 “고급” 설정을 조정하려면 한 번만 수행하면 됩니다. 하나의 모듈에서 “고급“설정을 편집하면 이 글로벌 슬라이더 모듈의 모든 구현에 대해 업데이트됩니다.

요약해보면 모듈의 선택적 동기화를 만들기 위해서는

  1. 모듈을 글로벌(포괄)에 체크하고 라이브러리에 저장한다.
  2. 톱니바퀴 설정 아이콘을 눌러 편집한다.
  3. 왼쪽 화살표로 제어
녹색 화살표로 제어

원문: https://www.elegantthemes.com/documentation/divi/selective-sync/

코멘트 제출