유닛은 신뢰할 수 있고 효과적이며 확장 가능한 디자인 프로세스를 유지하기 위해 요소 및 하위 요소로부터 사용자 정의 가능한 블록을 형성할 수 있는 권한을 부여합니다. 사이트 전체에서 이러한 블록을 재활용하고 한 곳에서 조정하여 각 반복 레이아웃을 개별적으로 수정하는 것을 방지할 수 있습니다.
이 세션 동안 당신은 다음을 이해하게 될 것입니다:
- 유닛 생성
- 유닛 활용 및 재사용
- 단위 수정
- 코어 유닛에서 유닛 인스턴스 연결 해제
단위 생성
단위를 활용하여 다음을 수행할 수 있습니다.
- 인스턴스별로 동일한 콘텐츠를 설정합니다. 탐색 표시줄, 바닥글, 등록 양식 등 정확히 동일한 콘텐츠를 포함하는 반복 배열의 미러 복사본을 설정합니다. 한 곳에서 수정하고 해당 수정 사항이 해당 유닛의 모든 인스턴스에 영향을 미치는 것을 확인하세요.
- 인스턴스별로 고유한 콘텐츠를 설정합니다. 다양한 텍스트, 이미지, 비디오 또는 서식 있는 텍스트로 반복되는 레이아웃을 조정하여 일관된 디자인을 유지하면서 각 인스턴스에 독특한 콘텐츠를 제공합니다.
사이트의 거의 모든 요소 또는 요소 그룹에서 단위를 구성할 수 있습니다. 단위를 생성하려면:
- 단위로 변환하려는 요소를 선택하세요.
- 펼치다 디자인 패널 또는 요소 구성패널
- 패널 상단에 있는 '유닛 생성' 아이콘을 탭하세요.
- 유닛에 제목을 입력하고 히트하세요. 만들다
유닛을 시작한 후에는 코어 유닛 내에 있게 됩니다. 이는 코어 유닛에 대한 모든 변경 사항이 해당 유닛의 모든 인스턴스에 걸쳐 업데이트된다는 것을 의미합니다. 필요할 때마다 다음을 통해 모든 유닛 인스턴스의 코어 유닛에 액세스할 수 있습니다.
- 유닛 인스턴스를 두 번 탭하기
- 오른쪽 탭 및 클릭 단위 수정
- 인스턴스를 선택하고 '펜라벨의 ” 아이콘
- 인스턴스를 선택하고 '렌치왼쪽 패널의 오른쪽 상단에 있는 아이콘
코어 유닛 변경에 대한 자세한 내용을 알아보세요.
장치 활용 및 재활용
유닛을 설정하면 사이트 어디에서나 재사용할 수 있습니다.
- 펼치다 단위 패널
- 원하는 단위를 탭하여 사이트의 어느 페이지로든 끌어당깁니다.
- 단위 인스턴스를 캔버스 또는 네비게이터에 직접 배치
단위 인스턴스를 선택하면 해당 인스턴스가 녹색으로 강조 표시되고 윤곽선으로 표시되는 것을 볼 수 있습니다. 펼치다 단위 패널 사이트에서 각 장치가 얼마나 자주 활용되는지 관찰합니다.
알림: 유닛 인스턴스 복제는 가능하지만(예: 복사하여 붙여넣기, 마우스 오른쪽 버튼 클릭 또는 키보드 단축키를 통해 복사) 코어 유닛 복제는 현재 기본적으로 가능하지 않습니다. 대신, 유닛 인스턴스를 분리하고 분리된 요소 또는 요소 그룹에서 새 유닛을 제작할 수 있습니다.
장치를 두 번 탭하면 코어 장치에 액세스하고 탐색기 패널에서 장치의 요소 계층 구조를 검토할 수 있습니다. 코어 유닛에서만 유닛의 요소 계층 구조를 조사할 수 있습니다. 즉, 유닛 인스턴스 내에서는 유닛의 요소 계층 구조를 관찰할 수 없습니다.
단위 수정
유닛에 참여하고 수정하는 다양한 방법을 살펴보겠습니다.
- 코어 유닛 편집
- 코어 유닛 종료
- 편집기에서 단위 수정
- 단위 이름 변경
- 단위 삭제
코어 유닛 편집
전체에 걸쳐 동일한 조정을 구현하려면 모두 유닛 인스턴스의 경우 코어 유닛을 조정해야 합니다. 다음을 통해 모든 장치 인스턴스에서 기본 장치를 편집할 수 있습니다.
- 유닛 인스턴스를 두 번 탭하기
- 오른쪽 탭 및 클릭 단위 수정
- 인스턴스를 선택하고 '펜라벨의 ” 아이콘
- 인스턴스를 선택하고 '렌치하단 패널의 오른쪽 상단에 있는 아이콘
유닛 인스턴스를 선택하고 나면 하단 패널에서 유닛 특성에 대한 기본값을 탐색할 수 있습니다. 이전에 장치에 속성을 정렬한 경우 특성의 기본값만 표시됩니다.
유닛 특성을 사용하면 유닛 인스턴스에서 변경할 수 있는 기본 유닛 내의 특정 요소 값(예: 텍스트, 서식 있는 텍스트, 이미지, 비디오 및 가시성)을 정의할 수 있습니다. 또는 단위 특성을 CMS 필드에 연결하여 CMS 컬렉션에서 데이터를 가져올 수 있습니다. 유닛 특성 정의 및 유닛 인스턴스의 값 변경에 대해 자세히 알아보세요.
알림: 유닛 인스턴스의 스타일을 수정하려면 수업
개인화된 속성.
코어 유닛에 대한 조정은 모든 유닛 인스턴스에 영향을 미칩니다(해당 유닛 인스턴스가 유닛 내의 특정 요소에 유닛 특성을 적용하지 않는 한). 코어 유닛을 조정하는 동안 구조와 요소 순서를 다시 섞어 사이트 전체의 모든 유닛 인스턴스에 동시에 영향을 미칠 수 있습니다.
예를 들어, 하나의 단위로 배열된 카드 디자인을 소유할 수 있습니다. 카드 유닛은 제목 요소, 단락 요소, 버튼 요소를 포함하며, 버튼 요소는 카드 맨 아래에 위치합니다. 카드의 핵심 단위를 수정하고 버튼을 카드 하단에서 상단으로 이동하면 해당 변경 사항이 사이트 전체에서 발생하는 모든 카드 단위에 영향을 미칩니다.
코어 유닛에 대한 편집은 유닛 인스턴스에서 특별히 변경된 경우를 제외하고 해당 유닛의 모든 유닛 인스턴스에 영향을 미칩니다. 유닛 특성을 정의하고 유닛 인스턴스의 값을 변경하는 방법에 대해 자세히 알아보세요.
코어 유닛 종료
본체 조정이 끝나면 다음과 같은 방법으로 본체를 종료할 수 있습니다.
- “를 클릭하면반품개발자 왼쪽 상단에 있는 "화살표
- 캔버스에서 단위 외부를 클릭합니다.
- 누르기 탈출하다 당신의 키패드에
코어 유닛 조정을 중단한 후에는 유닛 인스턴스의 요소에 대한 모든 조정이 해당 특정 유닛 인스턴스에만 영향을 미친다는 점을 명심하세요.
편집기에서 단위 수정
편집기에서 사이트 콘텐츠를 업데이트하도록 콘텐츠 편집자를 초대한 경우 해당 편집자가 단위 요소에 대해 수정한 내용은 다음과 같습니다. 아니다 단위 특성으로 변경되고 모든 인스턴스에서 일관되며 다른 모든 인스턴스에 적용됩니다.
또는 콘텐츠 편집기가 다음과 같은 단위 요소를 수정하는 경우 ~이다 유닛 특성을 통해 변경된 경우 해당 조정 사항은 편집 중인 유닛 인스턴스에만 적용됩니다.
단위 이름 변경
장치 이름을 변경하려면:
- 펼치다 단위 패널
- 단위 이름 위에 마우스를 올려놓고 '펜유닛 오른쪽에 나타나는 아이콘
- 변경 사항을 수행하고 구하다
단위 삭제
유닛을 완전히 근절하려면:
- 사이트에서 장치의 모든 인스턴스를 지우거나 분리합니다.
- 펼치다 단위 패널
- “를 클릭하세요.펜” 아이콘이 장치 오른쪽에 나타납니다.
- 때리다 삭제 확인하고
코어 유닛에서 유닛 인스턴스를 분리하는 방법
유닛 인스턴스를 분리하고 코어 유닛과 독립적으로 조정하려면:
- 분리하려는 인스턴스의 유닛 요소를 마우스 오른쪽 버튼으로 탭하세요.
- 딸깍 하는 소리 인스턴스 연결 해제
분리된 후에는 디자인에서 해당 유닛의 다른 연결된 인스턴스를 수정해도 분리된 인스턴스에 영향을 미치지 않습니다.
- Workspace 스팟 및 멤버 포함 또는 제거 - 2024년 4월 15일
- 센터링 상자 요약 - 2024년 4월 15일
- 나중에 참조할 수 있도록 사이트 저장 - 2024년 4월 15일