사이트 헤더에 콘텐츠 추가

이 가이드에서는 로고, 탐색 메뉴, 검색 상자 및 소셜 미디어 아이콘을 포함하여 일반적인 요소를 웹사이트 헤더에 추가하는 방법을 알아봅니다. 이와 동일한 단계를 사용하여 헤더에 항목을 추가할 수 있습니다.

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

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

헤더 템플릿 파트에 로고를 추가하려면 다음 단계를 따르세요.

1. 헤더 템플릿 파트를 편집하는 동안 + 블록 삽입기 버튼을 클릭합니다.
2. 사이트 로고 블록을 검색합니다.
3. 사이트 로고 블록을 클릭하여 삽입합니다.
4. 로고를 선택하는 것처럼 보이는 도구 모음에서 “AI로 생성” 또는 “로고 선택“을 클릭합니다.
5. 로고 주위에 나타나는 핸들(작은 원)을 클릭하고 끌어서 더 크거나 작게 만듭니다.
6. 로고를 추가한 다음 변경 사항을 저장하려면 “저장” 버튼을 클릭합니다.

사이트 로고를 업로드하면 사이트 로고 블록을 사용하여 다른 위치와 템플릿에서 다시 사용할 수 있습니다.

헤더에 메뉴를 추가하려면 다음 단계를 따르세요.

1. 헤더 템플릿 파트를 편집하는 동안 + 블록 삽입기 버튼을 클릭합니다.
2. 탐색 블록을 검색합니다.
3. 탐색 블록 아이콘을 클릭하여 삽입합니다.
4. 메뉴 편집을 완료하고 변경 사항을 저장하려면 “저장” 버튼을 클릭합니다.

탐색 블록이 헤더에 추가되면 탐색 블록 사용에 대한 자세한 가이드에 따라 이를 사용자 정의할 수 있습니다. 링크 추가, 하위 메뉴 생성, 링크 설정 수정 등의 방법을 알 수 있습니다.

헤더에 검색 표시줄을 추가하려면 다음 단계를 따르세요.

1. 헤더 템플릿 파트를 편집하는 동안 + 블록 삽입기 버튼을 클릭합니다.
2. 검색 블록을 검색합니다.
3. 검색 블록 아이콘을 클릭하여 헤더에 삽입합니다.
4. 완료 시 변경 사항을 저장하려면 “저장” 버튼을 클릭합니다.

검색 블록 사용하기에 대해 자세히 알아보세요. 검색 버튼 텍스트 변경, 글꼴 및 색상 변경, 검색 상자 폭 조정 등의 방법을 알 수 있습니다.

헤더에 소셜 미디어 아이콘을 추가하려면 다음 단계를 따르세요.

1. 헤더 템플릿 파트를 편집하는 동안 + 블록 삽입기 버튼을 클릭합니다.
2. 소셜 아이콘 블록을 검색합니다.
3. 소셜 아이콘 블록 아이콘을 클릭하여 헤더에 삽입합니다.
4. 완료 시 변경 사항을 저장하려면 “저장” 버튼을 클릭합니다.

소셜 아이콘 블록 사용하기에 대해 자세히 알아보세요. 소셜 프로필 추가, 아이콘 유형 변경, 아이콘 스타일 지정 또는 제거 등의 방법을 알 수 있습니다.

헤더에 여러 요소를 추가했으면 시각적으로 매력적인 레이아웃을 만들 수 있도록 정렬하는 것이 좋습니다. 헤더에서 콘텐츠를 정렬하는 방법에 대해 자세히 알아보세요.