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

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 2분
  • 구성요소와 하위 구성요소를 통합 탐색 편집하여 경험을 브랜드에 더 밀접하게 맞춥니다.

    시작하기 전에

    필요한 역할: ui_builder_admin

    세분화된 역할에 대한 자세한 내용은 다음 문서를 참조하십시오 Granular admin roles.

    이 태스크 정보

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

    프로시저

    1. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 작성기.
    2. 페이지 드롭다운 목록에서 편집기 페이지 뷰를 선택합니다.
      그림 1. 편집기 페이지 뷰
      편집기 페이지 뷰.
    3. 테마 드롭다운 목록에서 구성요소를 편집 통합 탐색 할 테마를 선택합니다.
    4. 구성요소 스타일 탭을 선택합니다.
    5. 편집 탭을 선택합니다.
      구성요소 스타일 편집 탭.
    6. 목록을 필터링하여 구성요소를 통합 탐색 봅니다.
      1. 필터 아이콘()을 선택합니다.
      2. 탐색 범주를 확장하고 구성요소를 통합 탐색 선택합니다.
        그림 2. 통합 탐색 구성요소
        필터 목록에서 선택한 통합 탐색 구성요소입니다.
    7. 나열된 두 가지 방법 중 하나를 사용하여 구성요소의 통합 탐색 다양한 측면의 스타일을 지정할 수 있는 구성요소 편집기에 액세스합니다.
      • 구성요소 타일을 통합 탐색 두 번 클릭합니다.
      • 편집 패널에서 통합 탐색스타일 하위 구성요소를 선택합니다.
      그림 3. 통합 탐색 편집 패널
      스타일 하위 구성요소 버튼을 포함하는 통합 탐색 구성요소 편집 패널입니다.
    8. 헤더 또는 메뉴 타일을 선택하여 사용 가능한 테마 후크를 편집할 수 있는 구성 가능한 스타일 패널을 엽니다.
      사용 가능한 편집 가능한 테마 후크는 선택한 하위 구성요소의 유형에 따라 다릅니다. 예를 들어 헤더 하위 구성요소를 선택하면 헤더의 배경색을 편집할 수 있습니다. 메뉴 하위 구성요소를 선택하면 배경, 텍스트 및 아이콘 색상을 편집할 수 있습니다.
      주:
      색상 후크에 대한 변경 사항을 저장하면 재정의 제거 기호가 나타납니다. 변경 내용을 원래의 자동 생성 색상으로 되돌리려면 재정의 제거 기호를 선택합니다.
      재지정 기호를 제거합니다.
    9. 헤더 또는 메뉴 타일을 두 번 클릭하거나 스타일 하위 구성요소를 선택하여 사용 가능한 하위 구성요소를 편집합니다.
      하위 구성요소는 더 큰 구성요소의 작은 부분입니다. 예를 들어, 통합 탐색 헤더 또는 메뉴 하위 구성요소는 구성요소의 통합 탐색 더 작은 부분입니다. 상호작용은 구성요소 또는 하위 구성요소가 동작하는 다양한 방식을 설명합니다. 예를 들어 기본 또는 마우스 올리기 상호작용은 메뉴 트리거 하위 구성요소의 상호작용입니다.
      그림 4. 통합 탐색 헤더 하위 구성요소 편집 옵션
      통합 탐색 헤더 하위 구성요소 편집 옵션입니다.
    10. 구성요소 스타일 지정이 완료될 때까지 각 하위 구성요소와 상호작용을 계속 편집합니다.통합 탐색
      예를 들어 헤더 메뉴 트리거 하위 구성요소를 두 번 클릭한 후 메뉴 트리거의 상호작용을 스타일에 사용할 수 있습니다. 마찬가지로 메뉴 하위 구성요소를 두 번 클릭하면 각 메뉴에 대한 하위 구성요소와 상호작용을 사용할 수 있습니다.
      주:
      캔버스 색상 기능은 상위 하위 구성요소의 배경색을 자동으로 적용합니다.
    11. 옵션: 메뉴와 같은 특정 하위 구성요소를 편집할 때 미리 볼 구성을 선택합니다.
      예를 들어, 메뉴 하위 구성요소를 편집할 때 구성요소 구성을 선택한 후 유형 드롭다운 목록에서 편집할 특정 메뉴를 선택할 수 있습니다. 원하는 메뉴를 선택하면 해당 특정 메뉴에 사용 가능한 모든 하위 구성요소가 나열됩니다.
      그림 5. 구성요소 구성 메뉴
      이력 메뉴가 선택된 구성요소 구성 메뉴.
    12. 옵션: 이전 구성요소 편집 화면으로 돌아가려면 이동 경로 링크 중 하나를 선택합니다.
      그림 6. 구성요소 편집 이동 경로 탐색
      구성요소 편집 이동 경로 탐색.

    결과

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