붙박이 요소는 방문자가 페이지를 아래로 스크롤할 때도 “고정”된 채로 남아 있는 웹사이트 블록입니다. 이 가이드에서는 인기 버튼, 헤더, 메뉴 예시를 통해 붙박이 요소를 생성하는 방법을 알아봅니다. 같은 단계를 사용하여 사이트에서 원하는 요소를 붙박이로 만드세요.
블록 또는 블록 그룹을 붙박이로 만들려면 특수 “붙박이” 위치가 설정된 그룹 블록 안에 블록을 배치해야 합니다. 사이트에서 붙박이 요소를 만들려면 다음 단계를 따릅니다.
- 사이트의 알림판을 방문합니다.
- 페이지, 글 또는 디자인 → 템플릿으로 이동하여 붙박이로 만들 콘텐츠를 편집합니다.
- 편집기의 왼쪽 상단에서 목록 보기를 선택합니다. 아이콘은 가로줄 3개처럼 보이는 모양입니다.
- 기존 그룹 블록을 선택하거나 새 블록을 생성합니다.
- 그룹을 빠르게 생성하려면 다수의 요소를 선택하고 점 세 개(⋮)를 클릭한 다음 “그룹“을 선택하여 그룹 블록 안에 요소를 배치합니다.
- 붙박이로 만들려면 요소가 최상위 위치에 있어야 합니다(다른 블록 안에 중첩되면 안 됨).
- 그룹 블록 설정 사이드바에서 “위치” 섹션을 찾은 다음 드롭다운에서 “붙박이” 옵션을 선택합니다.
- “저장” 버튼을 클릭하여 변경 사항을 해당 템플릿에 적용합니다.
붙박이 요소가 있는 그룹 블록의 스타일 및 레이아웃을 사용자 정의하는 방법에 대해 자세히 알아보세요.
붙박이 메뉴를 만들면 보는 사람이 페이지를 아래로 스크롤할 때 전체 메뉴가 “고정”된 채로 유지됩니다. 붙박이 메뉴를 생성하려면 다음 단계를 따르세요.
- 알림판에서 디자인 → 편집기로 이동합니다.
- 템플릿 탭을 선택하고 헤더가 있는 템플릿을 클릭합니다.
- 왼쪽 상단에서 목록 보기 아이콘을 클릭합니다.
- 탐색 블록을 선택하고 최상위 요소인지 확인합니다. 대부분의 경우 탐색 블록은 헤더 템플릿 부분이나 기타 유사한 레이아웃 요소 안에 중첩되어 있으므로 밖으로 꺼내야 합니다.
- 탐색 블록 옆의 점 세 개(⋮)를 클릭한 다음 “그룹“을 선택하여 메뉴를 그룹 블록 안에 배치합니다.
- 블록 설정 사이드바에서 “위치” 를 붙박이로 설정합니다.
- 다양한 콘텐츠로 스크롤할 때 메뉴 텍스트가 더 잘 보이도록 그룹의 배경 색상을 변경하고 싶을 수도 있습니다.
- 저장을 클릭합니다.
붙박이 요소가 있는 그룹 블록의 스타일 및 레이아웃을 사용자 정의하는 방법에 대해 자세히 알아보세요.
붙박이 헤더는 방문자가 사이트를 스크롤하는 동안에도 화면에 고정됩니다. 붙박이 헤더를 만드는 방법에 대해 알아보세요.