글로벌 라이브러리 항목의 일부만 동기화
선택적 동기화를 사용하면 새 글로벌 라이브러리 항목을 저장할 때 개별 설정을 저장할 수 있습니다. 콘텐츠, 디자인 또는 고급 탭의 일부 또는 전체를 선택적으로 동기화하도록 선택할 수 있습니다.
예를 들어 새 모듈을 라이브러리에 글로벌 항목으로 저장하는 경우 디자인 설정만 동기화하도록 설정을 편집할 수 있습니다. 그러면 이러한 설정만 라이브러리에 추가됩니다. 이것은 디자인 또는 고급 탭을 탐구하고 웹 사이트의 여러 모듈에 고유한 스타일을 사용하는 동시에 각각의 콘텐츠 탭에 고유한 콘텐츠를 추가하려는 경우에 특히 유용합니다.
간단한 예는 웹 사이트의 모든 페이지에 추가되는 고유한 스타일의 헤더 모듈을 만드는 것입니다. 이 예에서는 전체 웹사이트에서 공유되는 고유한 디자인 설정 조합을 원할 수 있지만 동시에 현재 페이지를 나타내기 위해 각 모듈에 고유한 제목 텍스트를 추가할 수 있어야합니다. 이 예에서는 디자인 설정만 선택적으로 동기화하도록 선택하는 것이 가장 합리적입니다.
선택적 동기화 사용
비주얼 빌더를 사용하여 새 항목을 라이브러리에 저장하고 글로벌(포괄)을 체크해서 만듭니다. 그런 다음 클릭하여 모듈 설정을 편집합니다. 컨텐츠, 디자인 및 고급 탭의 모든 옵션 왼쪽에 작은 동기화 아이콘이 표시됩니다. 이 아이콘을 클릭하여 현재 글로벌 라이브러리 항목의 일부 또는 모든 설정을 선택적으로 동기화하는 옵션을 활성화 또는 비활성화하고 저장을 클릭합니다. 선택한 옵션 만 라이브러리 내에서 편집할 수 있습니다. 페이지에 글로벌 라이브러리 항목을 추가하면 동기화하도록 선택한 설정만 표시됩니다.
글로벌 모듈을 편집할 때마다 동기화 아이콘의 녹색으로 현재 동기화중인 옵션을 쉽게 식별할 수 있습니다. 녹색 아이콘은 현재 글로벌 모듈 내에서 동기화되고있는 옵션입니다. 빨간색은 항목이 동기화되지 않았음을 의미합니다. 녹색(활성화됨) 동기화 아이콘으로 편집된 옵션은 글로벌 항목의 모든 인스턴스에서 공유됩니다.
선택적 동기화의 힘
선택적 동기화를 글로벌 모듈과 함께 사용하면 매우 강력할 수 있습니다. 좀 더 자세히 살펴보겠습니다. 모든 페이지 상단에 꽉찬너비 헤더 모듈이 있다고 가정해 보겠습니다. 이것은 매우 일반적입니다. 각 헤더 모듈은 현재 페이지를 나타내는 “컨텐츠” 설정에서 다른 제목을 갖습니다. 또한 “디자인” 설정을 사용하여 제목 글꼴 스타일을 굵게 및 모두 대문자로 조정하여 머리글에 독특한 모양을 부여하고 머리글 모듈을 더 크게 만들기 위해 머리글 상단과 하단의 사용자 정의 패딩을 늘렸습니다.
각 페이지의 모든 헤더 모듈이 이 고유한 스타일을 사용하기를 원하지만 각 페이지에는 고유한 제목이 있어야합니다. 이 경우 글로벌 꽉찬너비 헤더 모듈을 만들고 “디자인“탭의 옵션만 선택적으로 동기화하도록 선택할 수 있습니다. 이제 이 전역 모듈을 새 페이지에 추가 할 때마다 “디자인” 설정이 동기화되지만 “콘텐츠” 설정은 현재 모듈에 대해 고유하게 유지됩니다.
모든 페이지의 헤더 스타일을 변경하려는 경우 이러한 글로벌 모듈에서 공유하는 동기화 된 “디자인” 설정을 수정할 수 있으며 변경사항은 글로벌 헤더가 사용된 모든 단일 페이지에 반영됩니다! 와우, 엄청난 시간을 절약할 수 있습니다!
이 방법은 “고급“탭에도 적용될 수 있습니다. 슬라이더 모듈을 만들고 “고급“탭을 사용하여 슬라이더 버튼에 고유한 애니메이션을 적용했다고 가정해 보겠습니다. 웹 사이트의 모든 슬라이더 모듈에서 이 새로운 고유 애니메이션을 사용하려고 합니다. 이 경우 새 글로벌 슬라이더 모듈을 만들고 사용자 지정 CSS 애니메이션을 포함하는 “고급“설정을 선택적으로 동기화 할 수 있습니다.
이 슬라이더를 페이지에 추가하고 “컨텐츠“및 “디자인” 설정을 자유롭게 조정하면서 고유한 사용자 지정 CSS를 전체 모듈 시리즈에서 동기화된 상태로 유지합니다. 이 일련의 글로벌 모듈에 대한 “고급” 설정을 조정하려면 한 번만 수행하면 됩니다. 하나의 모듈에서 “고급“설정을 편집하면 이 글로벌 슬라이더 모듈의 모든 구현에 대해 업데이트됩니다.
요약해보면 모듈의 선택적 동기화를 만들기 위해서는
- 모듈을 글로벌(포괄)에 체크하고 라이브러리에 저장한다.
- 톱니바퀴 설정 아이콘을 눌러 편집한다.
- 왼쪽 화살표로 제어
원문: https://www.elegantthemes.com/documentation/divi/selective-sync/
