구성요소를 통합 탐색 사용하여 브랜드와 정렬

구성요소와 하위 구성요소를 통합 탐색 편집하여 경험을 브랜드에 더 밀접하게 맞춥니다.

시작하기 전에

필요한 역할: 관리자

이 태스크 정보

구성요소는 통합 탐색 개별적으로 스타일을 지정해야 하는 여러 하위 구성요소로 구성됩니다. 테마 작성기 5.0 릴리스에서 편집 통합 탐색 은 헤더와 메뉴로 제한되지만 일부 스타일은 구성요소 및 하위 구성요소의 모든 측면에 적용될 수 있습니다통합 탐색.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 > 테마 작성기.
2. 페이지 드롭다운 목록에서 편집기 페이지 뷰를 선택합니다.

   그림 1. 편집기 페이지 뷰

   

3. 테마 드롭다운 목록에서 구성요소를 통합 탐색 편집할 테마를 선택합니다.
4. 구성요소 스타일 탭을 선택합니다.
5. 편집 탭을 선택합니다.

   

6. 목록을 필터링하여 구성요소를 통합 탐색 봅니다.
   1. 필터( . ) 아이콘을 선택합니다.
   2. 탐색 범주를 확장하고 구성요소를 통합 탐색 선택합니다.

      그림 2. 통합 탐색 구성요소

      

7. 구성요소 편집기에 액세스하면 아래 두 가지 방법 중 하나를 사용하여 구성요소의 통합 탐색 다양한 측면에 스타일을 지정할 수 있습니다.
   • 구성요소 타일을 통합 탐색 두 번 클릭합니다.
   • 편집 패널에서 스타일 하위 구성요소를 통합 탐색 선택합니다.

   그림 3. 통합 탐색 편집 패널

   

8. 헤더 또는 메뉴 타일을 선택하여 사용 가능한 테마 후크를 편집할 수 있는 구성 가능한 스타일 패널을 엽니다.
   사용 가능한 편집 가능한 테마 후크는 선택한 하위 구성요소의 유형에 따라 다릅니다. 예를 들어 헤더 하위 구성요소를 선택하면 헤더의 배경색을 편집할 수 있습니다. 메뉴 하위 구성요소를 선택하면 배경, 텍스트 및 아이콘 색상을 편집할 수 있습니다.

   주:

   색상 후크에 대한 변경 사항을 저장하면 재정의 제거 기호가 나타납니다. 재정의 제거 기호를 선택하여 원래 자동 생성된 색상으로 변경 사항을 되돌립니다.

   

9. 헤더 또는 메뉴 타일을 두 번 클릭하거나 스타일 하위 구성요소를 선택하여 사용 가능한 하위 구성요소를 편집합니다.
   하위 구성요소는 더 큰 구성요소 중 더 작은 부분입니다. 예를 들어, 통합 탐색 헤더 또는 메뉴 하위 구성요소는 구성요소의 통합 탐색 작은 부분입니다. 상호작용은 구성요소 또는 하위 구성요소가 동작하는 다양한 방식을 설명합니다. 예를 들어, 기본 또는 호버 상호 작용은 메뉴 트리거 하위 구성요소의 상호 작용입니다.

   그림 4. 통합 탐색 헤더 하위 구성요소 편집 옵션

   

10. 구성요소 스타일 지정이 완료될 때까지 각 하위 구성요소와 상호작용을 통합 탐색 계속 편집합니다.
    예를 들어 헤더 메뉴 트리거 하위 구성요소를 두 번 클릭하면 메뉴 트리거의 상호작용을 사용하여 스타일을 지정할 수 있습니다. 마찬가지로 메뉴 하위 구성요소를 두 번 클릭하면 각 메뉴에 대한 하위 구성요소와 상호작용을 사용할 수 있습니다.

    주:

    캔버스 색상 기능은 상위 하위 구성요소의 배경색을 자동으로 적용합니다.
11. 옵션: 메뉴와 같은 특정 하위 구성요소를 편집할 때 미리 보려는 구성을 선택합니다.
    예를 들어 메뉴 하위 구성요소를 편집할 때 구성요소 구성을 선택한 후 유형 드롭다운 목록에서 편집하려는 특정 메뉴를 선택할 수 있습니다. 원하는 메뉴를 선택하면 해당 메뉴에 사용 가능한 모든 하위 구성요소가 나열됩니다.

    그림 5. 구성요소 구성 메뉴

    

12. 옵션: 이전 구성요소 편집 화면으로 돌아가려면 이동 경로 링크 중 하나를 선택합니다.

    그림 6. 구성요소 편집 이동 경로 탐색

    

결과

테마가 게시 통합 탐색 되면 새로 고침 시 테마가 적용된 사용자에게 편집 내용이 표시됩니다. 테마 게시에 대한 자세한 내용은 을 참조하십시오 를 사용하여 테마 게시 테마 작성기.