방문자가 탐색 텍스트 위에 커서를 올리면 표시되는 링크 목록을 만드세요.

드롭다운 기능을 사용하여 사이트에 드롭다운 탐색 메뉴를 만드세요. 드롭다운은 중첩 페이지 또는 하위 메뉴라고도 합니다. Squarespace에서는 이전에 폴더로 알려졌습니다.

각 드롭다운은 탐색에 하나의 메뉴를 만듭니다. 다른 메뉴에 여러 개의 드롭다운을 추가할 수 있지만, 드롭다운을 다른 드롭다운에 중첩할 수는 없습니다.

비디오 시청하기

드롭다운 추가

드롭다운을 추가하는 방법은 다음과 같습니다.

1. 페이지 패널을 열고 + 아이콘을 클릭합니다.
2. 드롭다운을 클릭합니다.
3. 빈 드롭다운이 페이지 패널에 표시됩니다. 탐색에 표시할 드롭다운의 제목을 입력합니다.

드롭다운에 페이지 추가

드롭다운은 페이지가 아니며 드롭다운에 콘텐츠를 직접 추가할 수는 없습니다. 대신 드롭다운에 페이지를 추가하면 방문자가 탐색 메뉴에 커서를 올릴 때 "드롭다운"되는 메뉴 아이템으로 표시됩니다.

기존 페이지를 드롭다운에 추가하려면 드롭다운 아래 공간으로 드래그 앤 드롭하세요. 새 페이지를 추가하려면 드롭다운 아래의 페이지 추가를 클릭하세요. 페이지의 순서를 변경하려면 드롭다운 내에서 페이지를 드래그 앤 드롭하세요.

드롭다운 안에 드롭다운을 중첩할 수는 없습니다.

드롭다운 URL

드롭다운의 URL로 직접 이동하면 드롭다운의 첫 번째 페이지로 리디렉션됩니다. 드롭다운에 페이지가 없는 경우 "이 폴더에는 페이지가 포함되어 있지 않습니다."라는 메시지가 표시됩니다. 이 텍스트를 변경하거나 다른 콘텐츠를 추가할 수는 없습니다.

색인 페이지 (버전 7.0)

드롭다운에는 색인 페이지를 제외한 모든 유형의 페이지를 추가할 수 있습니다. 방문자를 색인 페이지로 안내하려면 링크를 선택하고 URL을 추가하려면 클릭을 클릭한 후 콘텐츠 탭을 사용하여 링크를 색인 페이지로 포인팅하세요. 링크 설정에 대한 자세한 내용은 사이트에 링크 추가를 참조하세요.

드롭다운 표시

드롭다운이 표시되는 방식은 사이트 버전에 따라 달라집니다.

버전 7.1 사이트의 경우:

• 드롭다운 제목 위에 커서를 올리면 드롭다운 페이지가 표시됩니다.
• 드롭다운 제목을 클릭해도 첫 번째 페이지가 열리지 않습니다.
• 모바일에서는 드롭다운이 접혀 있으며 탭하면 열립니다.
• 탐색의 컴퓨터 레이아웃에서 드롭다운 옆에 표시할 아이콘을 다양한 아이콘 중에서 선택할 수 있습니다. 모바일 탐색의 드롭다운 아이콘은 사용자 지정할 수 없습니다.

버전 7.0 관련 내용은 템플릿별 드롭다운 표시를 검토하세요.

드롭다운 아이콘 사용자 지정

버전 7.1에서 사이트에 드롭다운이 하나 이상 있는 경우, 방문자가 컴퓨터로 사이트를 탐색할 때 드롭다운 옆에 표시할 아이콘을 선택할 수 있습니다.

드롭다운 아이콘을 맞춤 설정하는 방법은 다음과 같습니다.

1. 사이트 미리 보기의 왼쪽 상단 모서리에서 편집을 클릭합니다.
2. 머리말 위에 커서를 올리고 사이트 머리말 편집을 클릭합니다.
3. 탐색 링크를 클릭하고 연필 아이콘을 클릭한 다음 디자인을 클릭합니다.
4. 아이콘 드롭다운 메뉴를 클릭하고 아이콘을 선택하거나, 없음 아이콘을 선택하여 아이콘 없이 드롭다운을 표시합니다. 이는 사이트의 모든 드롭다운에 적용됩니다.
5. (선택 사항) 아이콘의 크기, 두께, 간격 및 둥근 정도를 사용자 지정합니다. 선택한 디자인에 따라 일부 사용자 지정 옵션이 표시되지 않을 수 있습니다. 예를 들어 원형 아이콘의 둥근 정도는 변경할 수 없습니다.

다음은 드롭다운 옆에 있는 아이콘의 예입니다.

모바일 탐색에서는 기본적으로 드롭다운 옆에 화살표가 표시됩니다. 이 아이콘은 사용자 지정하거나 숨길 수 없습니다.

배경 색상

버전 7.1 사이트에서 드롭다운 배경 색상은 머리말 스타일에 따라 달라집니다.

• 단색 - 배경 색상은 머리말 설정의 배경 색상 조정 또는 머리말에 선택한 테마에 대한 사이트 전체 섹션 배경 조정을 따릅니다. 이를 변경하려면 머리말 편집을 클릭하고, 디자인 편집을 클릭하고, 색상 탭을 클릭한 다음 선택한 색상 구성표에 따라 색상 또는 테마를 클릭하세요. 
• 그라데이션 - 배경 색상은 머리말 설정의 배경 색상 조정을 따릅니다. 이를 변경하려면 머리말 편집을 클릭하고 디자인 편집을 클릭한 다음 색상 탭을 클릭하세요.
• 적응형 - 배경 색상은 페이지의 첫 번째 섹션 테마에 대한 사이트 전체 섹션 배경 조정을 따릅니다. 이를 변경하려면 사이트 스타일을 열고, 색상을 클릭한 다음, 섹션에서 사용하는 테마 위에 커서를 올리고 연필 아이콘을 클릭하세요.

이 색상을 설정하는 버전 7.0 조정 목록을 보려면 템플릿별 드롭다운 표시를 참조하세요.

드롭다운 삭제

드롭다운을 삭제하면 해당 드롭다운의 페이지도 삭제됩니다.

드롭다운을 삭제하는 방법은 다음과 같습니다.

팁: 30일 이내에 페이지를 복원할 수 있습니다.

제품 카테고리 중첩 메뉴(버전 7.1)

제품 카테고리는 스토어 상단에 별도의 탐색을 만듭니다.

버전 7.1의 스토어 페이지에서 중첩된 하위 카테고리 메뉴를 만들 수 있습니다. 자세히 알아보려면 제품 정리하기를 참조하세요.

버전 7.0의 스토어 페이지에는 ‌카테고리 탐색이 있지만, 중첩된 하위 카테고리는 표시할 수 없습니다.