테마 지침: 머리글 구성 요소

머리글 하나, 많은 컨트롤

머리글에는 페이지의 모양과 느낌을 변경할 수 있는 여러 옵션과 제어 기능이 있습니다. 이러한 옵션과 제어 기능에는 높이, 색상, 투명도, 고객이 스크롤할 때 머리글을 화면의 상단에 고정할지 여부를 결정하는 기능이 포함됩니다. 머리글 조정과 히어로 섹션의 조정을 결합하는 기능을 사용할 경우 유용성, 변형 및 시각적 이점을 얻을 수 있습니다. 테마 패널에서 테마 설정과 머리글의 구성 요소 속성 패널을 탐색할 수 있습니다.

동일한 사이트의 다양한 페이지에 사용할 수 있는 다양한 머리글

로그인 페이지에는 다른 레이아웃을 사용하는 것이 일반적입니다. 많은 미리 작성된 테마에는 로그인, 홈 및 기타 페이지를 위한 다양한 옵션이 있습니다. 예를 들어, 홈페이지에서 머리글을 변경할 경우 콘텐츠나 로그인 페이지에 반드시 반영되는 것은 아닙니다. 다른 테마 레이아웃을 적용하려면 이전 릴리스와 마찬가지로 각 변형에 대한 변경 사항을 개별적으로 구성해야 합니다.

로고 변경

사이트의 로고를 이미 설정한 경우 미리 작성된 테마에서 해당 로고를 인식해서 사용합니다. 과거에 로고를 설정하지 않았거나 현재 선택한 로고를 업데이트하려면 테마 패널의 이미지 영역을 사용하십시오.

브랜딩 집합을 사용하여 사이트의 다양한 변형 또는 다양한 대상 및 경우에 각기 다른 로고를 적용할 수 있습니다.

노트 머리글에 맞춰 로고 크기가 변경되도록 지원하고 있지만 머리글 구성 요소 속성 패널의 레이아웃 섹션에서 로고 너비를 사용하여 수동으로 크기를 조정할 수 있습니다. 선택한 너비에 맞춰 로고의 크기가 변경됩니다.

머리글 및 히어로 상호 작용

• 테마 설정에서 "머리글 위치 고정" 및 "머리글 아래에서 히어로 시작”을 모두 활성화한 경우 한눈에 들어올 수 있는 배경색을 선택합니다. 배경을 투명하게 유지하는 경우 고객이 페이지를 아래로 스크롤하면 메뉴 항목이 보이지 않을 수 있습니다. 히어로 이미지가 시야 밖으로 사라져 메뉴 항목이 숨겨질 수 있습니다. 배경색을 단색으로 설정하면 이 문제를 피할 수 있습니다.

대상 그룹

새 테마 구성 요소(예: 축소 머리글)는 현재 구성 요소 수준의 대상 지정(가시성)을 지원하지 않지만 간단하게 대상 지정을 설정할 수 있습니다.

• 익스피리언스 빌더의 Settings(설정) | Theme(테마) | Configure(구성)에서 사용자 정의 테마 레이아웃을 만듭니다.
• 페이지 변형을 만듭니다.
• 새 테마 레이아웃을 페이지 변형에 할당합니다(페이지 속성을 통해).

적절한 컨트롤 찾기

옵션이 너무 많으므로 어떤 컨트롤이 머리글의 어떤 부분에 영향을 미치는지 놓치기 쉽습니다.

메뉴 텍스트 색상은 프로필 메뉴, 탐색 메뉴 및 검색 편향과 같은 드롭다운 메뉴에 표시되는 옵션의 형식을 지정합니다. 머리글에 표시되는 색상 형식 링크 텍스트와 아이콘을 연결합니다.

모바일 디스플레이

Salesforce Lightning Design $mq-small media-query를 사용하여 머리글 높이와 같은 테마 구성 요소 속성의 특정 측면을 모바일 장치에 하드 코딩할 수 있습니다. 이 설정을 적용할 경우 최대 너비는 47.9375em입니다.