구성요소를 통합 탐색 사용하여 브랜드와 정렬
구성요소와 하위 구성요소를 통합 탐색 편집하여 경험을 브랜드에 더 밀접하게 맞춥니다.
시작하기 전에
필요한 역할: ui_builder_admin
세분화된 역할에 대한 자세한 내용은 다음 문서를 참조하십시오 Granular admin roles.
이 태스크 정보
구성요소는 통합 탐색 개별적으로 스타일을 지정해야 하는 여러 하위 구성요소로 구성됩니다. 5.0 릴리스에서는 테마 작성기 일부 스타일이 구성요소 및 하위 구성요소의 통합 탐색 모든 측면에 적용될 수 있지만 편집 통합 탐색 은 헤더 및 메뉴로 제한됩니다.
프로시저
- 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 작성기.
-
페이지 드롭다운 목록에서 편집기 페이지 뷰를 선택합니다.
그림 1. 편집기 페이지 뷰 - 테마 드롭다운 목록에서 구성요소를 편집 통합 탐색 할 테마를 선택합니다.
- 구성요소 스타일 탭을 선택합니다.
-
편집 탭을 선택합니다.
-
목록을 필터링하여 구성요소를 통합 탐색 봅니다.
-
필터 아이콘(
)을 선택합니다.
-
탐색 범주를 확장하고 구성요소를 통합 탐색 선택합니다.
그림 2. 통합 탐색 구성요소
-
필터 아이콘(
-
나열된 두 가지 방법 중 하나를 사용하여 구성요소의 통합 탐색 다양한 측면의 스타일을 지정할 수 있는 구성요소 편집기에 액세스합니다.
- 구성요소 타일을 통합 탐색 두 번 클릭합니다.
- 편집 패널에서 통합 탐색스타일 하위 구성요소를 선택합니다.
그림 3. 통합 탐색 편집 패널 -
헤더 또는 메뉴 타일을 선택하여 사용 가능한 테마 후크를 편집할 수 있는 구성 가능한 스타일 패널을 엽니다.
사용 가능한 편집 가능한 테마 후크는 선택한 하위 구성요소의 유형에 따라 다릅니다. 예를 들어 헤더 하위 구성요소를 선택하면 헤더의 배경색을 편집할 수 있습니다. 메뉴 하위 구성요소를 선택하면 배경, 텍스트 및 아이콘 색상을 편집할 수 있습니다.주:색상 후크에 대한 변경 사항을 저장하면 재정의 제거 기호가 나타납니다. 변경 내용을 원래의 자동 생성 색상으로 되돌리려면 재정의 제거 기호를 선택합니다.
-
헤더 또는 메뉴 타일을 두 번 클릭하거나 스타일 하위 구성요소를 선택하여 사용 가능한 하위 구성요소를 편집합니다.
하위 구성요소는 더 큰 구성요소의 작은 부분입니다. 예를 들어, 통합 탐색 헤더 또는 메뉴 하위 구성요소는 구성요소의 통합 탐색 더 작은 부분입니다. 상호작용은 구성요소 또는 하위 구성요소가 동작하는 다양한 방식을 설명합니다. 예를 들어 기본 또는 마우스 올리기 상호작용은 메뉴 트리거 하위 구성요소의 상호작용입니다.
그림 4. 통합 탐색 헤더 하위 구성요소 편집 옵션 -
구성요소 스타일 지정이 완료될 때까지 각 하위 구성요소와 상호작용을 계속 편집합니다.통합 탐색
예를 들어 헤더 메뉴 트리거 하위 구성요소를 두 번 클릭한 후 메뉴 트리거의 상호작용을 스타일에 사용할 수 있습니다. 마찬가지로 메뉴 하위 구성요소를 두 번 클릭하면 각 메뉴에 대한 하위 구성요소와 상호작용을 사용할 수 있습니다.주:캔버스 색상 기능은 상위 하위 구성요소의 배경색을 자동으로 적용합니다.
- 옵션:
메뉴와 같은 특정 하위 구성요소를 편집할 때 미리 볼 구성을 선택합니다.
예를 들어, 메뉴 하위 구성요소를 편집할 때 구성요소 구성을 선택한 후 유형 드롭다운 목록에서 편집할 특정 메뉴를 선택할 수 있습니다. 원하는 메뉴를 선택하면 해당 특정 메뉴에 사용 가능한 모든 하위 구성요소가 나열됩니다.
그림 5. 구성요소 구성 메뉴 - 옵션:
이전 구성요소 편집 화면으로 돌아가려면 이동 경로 링크 중 하나를 선택합니다.
그림 6. 구성요소 편집 이동 경로 탐색
결과
테마가 게시 통합 탐색 되면 새로 고침 시 테마를 적용한 사용자에게 편집 내용이 표시됩니다. 테마 게시에 대한 자세한 내용은 을 참조하십시오 테마 작성기를 사용하여 테마 게시.