사이트 헤더에 콘텐츠 정렬

이 가이드에서는 웹사이트 헤더의 블록을 정렬하여 원하는 레이아웃을 만드는 방법을 알아봅니다.

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

헤더 템플릿 파트에 접근하여 해당 블록을 재정렬해야 합니다. 이전에 이 작업을 수행한 적이 없으면 헤더 사용자 정의 가이드의 지침을 따르세요.

다음 단계에 따라 헤더에서 블록을 이동할 수 있습니다.

1. 헤더 템플릿 파트를 편집하는 동안편집기 왼쪽 상단 근처의 목록 보기 아이콘(가로줄 3개)을 클릭하여 목록 보기를 엽니다.
2. 이동할 블록을 찾습니다. 블록 옆에 > 기호가 보이면 클릭하여 확장하고 중첩된 블록을 확인합니다.
3. 블록의 이름을 클릭한 상태에서 새 위치로 끌어옵니다.
4. 블록을 새 위치에 놓습니다.
5. 저장 버튼을 클릭하여 변경 사항을 저장합니다.

헤더 블록을 가로로 나란히 배치하려면(사이트 제목 옆에 로고를 배치하는 것처럼) 다음 단계에 따라 행 블록으로 그룹화해야 합니다.

1. 헤더 템플릿 파트를 편집하는 동안편집기 왼쪽 상단 근처의 목록 보기 아이콘(가로줄 3개)을 클릭하여 목록 보기를 엽니다.
2. 나란히 배치하려는 첫 번째 블록(예: 로고)을 선택합니다.
3. Shift 키(PC) 또는 Command 키(Mac)를 누른 상태에서 옆에 배치할 두 번째 블록(예: 사이트 제목)을 클릭합니다.
4. 표시되는 도구 모음에서 행 아이콘을 클릭합니다.
5. 저장 버튼을 클릭하여 변경 사항을 저장합니다.

콘텐츠 블록 그룹화에 대해 자세히 알아보세요.

헤더 블록을 세로로 배치하려면(소셜 아이콘 메뉴 위에 있는 메뉴처럼) 다음 단계에 따라 세로 배열 블록에서 블록을 그룹화해야 합니다.

1. 헤더 템플릿 파트를 편집하는 동안편집기 왼쪽 상단 근처의 목록 보기 아이콘(가로줄 3개)을 클릭하여 목록 보기를 엽니다.
2. 세로 배열할 첫 번째 블록(예: 메뉴)을 선택합니다.
3. Shift 키를 누른 상태에서 그 아래에 배치할 두 번째 블록(예: 소셜 아이콘 메뉴)을 클릭합니다.
4. 표시되는 도구 모음에서 세로 배열 아이콘을 클릭합니다.
5. 저장 버튼을 클릭하여 변경 사항을 저장합니다.

콘텐츠 블록 그룹화에 대해 자세히 알아보세요.

전체 폭 헤더는 브라우저 윈도우의 전체 폭에 걸쳐 과감한 모양을 만듭니다. 헤더를 전체 폭으로 만들려면 다음 단계를 따르세요.

1. 헤더 템플릿 파트를 편집하는 동안편집기 왼쪽 상단 근처의 목록 보기 아이콘(가로줄 3개)을 클릭하여 목록 보기를 엽니다.
2. 헤더가 포함된 그룹 블록을 찾습니다.
   • 헤더가 그룹 블록에 없으면 (⋮) 메뉴를 클릭하고 “그룹”을 선택합니다.
3. 표시되는 도구 모음에서정렬 아이콘을 클릭합니다.
4. 전체 폭을 선택합니다.
5. 저장 버튼을 클릭하여 변경 사항을 저장합니다.

전체 폭 콘텐츠 생성에 대해 자세히 알아보세요.