사이트 헤더 스타일 지정

헤더는 사이트의 모든 페이지 상단에 표시되며 방문자에게 첫인상을 남깁니다. 이 가이드에서는 헤더 배경을 적용하고, 헤더를 붙박이로 만들고, 헤더에 사용된 글꼴을 사용자 정의하는 방법을 알아봅니다.

이 가이드의 단계를 따르려면 사이트 편집기를 지원하는 테마가 필요합니다. 사이트의 알림판에서 디자인 → 편집기를 찾아 사이트에서 사이트 편집기를 사용하는지 확인하세요.

헤더 템플릿 파트에 접근해야 합니다. 이전에 이 작업을 수행하지 않았다면 헤더 사용자 정의 가이드의 지침을 따르세요.

헤더의 배경 색상을 변경하면 브랜드 정체성이 확립되고 탐색 요소가 돋보이게 됩니다. 헤더 배경 색상을 변경하려면 다음 단계를 따르세요.

1. 헤더 템플릿 파트를 편집하는 동안 편집기의 왼쪽 상단 근처에 있는 목록 보기 아이콘(가로줄 3개)을 클릭하여 목록 보기를 엽니다 .
2. 헤더 템플릿 파트 내의 그룹 블록으로 이동합니다.

3. 블록 설정 사이드바에서 스타일 아이콘을 클릭합니다. 흑백의 원 모양입니다.
4. 배경 색상을 적용하거나 배경 이미지를 추가합니다.

색상 또는 배경 이미지에 대해 자세히 알아보세요.

붙박이 헤더는 방문자가 사이트를 스크롤하는 동안에도 화면에 고정됩니다. 붙박이 헤더를 생성하려면 다음 단계를 따르세요.

1. 알림판에서 디자인 → 편집기로 이동합니다.
2. 오른쪽의 홈페이지 미리보기를 클릭하거나 템플릿 탭을 선택하여 특정 템플릿을 사용자 정의합니다.
3. 왼쪽 상단에서 목록 보기 아이콘을 클릭합니다.
4. 맨 위에 있는 헤더 요소를 선택하고 점 3개(⋮)를 클릭한 다음 그룹 옵션을 선택하여 그룹 블록 내에 헤더를 배치합니다.
5. 블록 설정 사이드바에서 “위치” 를 붙박이로 설정합니다.
6. 변경 사항을 저장하려면 저장 버튼을 클릭합니다.

붙박이 요소가 있는 그룹 블록의 스타일을 지정하는 방법을 알아보세요. 또는 그룹 블록의 레이아웃을 조정하는 방법을 알아보세요.

붙박이 요소를 만드는 방법에 대해 자세히 알아보세요.

헤더 타이포그래피를 사용자 정의하면 브랜드의 시각적 정체성을 확립하고 가독성을 높이는 데 도움이 됩니다. 글꼴 스타일을 변경하려면 다음 단계를 따르세요.

1. 헤더 템플릿 파트를 편집하는 동안 수정할 텍스트 요소(사이트 제목, 메뉴 등)를 클릭합니다.
2. 블록 설정 사이드바에서 스타일 아이콘을 클릭합니다. 스타일 탭 아이콘은 흑백의 원 모양입니다.
3. 타이포그래피 설정을 찾아서 글꼴 모음, 크기, 굵기 또는 기타 옵션을 조정합니다.
4. 변경 사항을 저장하려면 저장 버튼을 누릅니다.

사용자 정의 글꼴에 대해 자세히 알아보세요.