사이트가 버전 7.0을 사용 중인 경우 페이지 패널에서 드롭다운과 색인 페이지가 비슷하게 보이지만, 사이트에서의 기능과 외관은 매우 다릅니다. 이 가이드는 사이트에 드롭다운이나 색인 페이지를 추가할 때의 주요 차이점, 모범 사례 및 고려해야 할 기타 사항을 다룹니다.

기본 사항은 다음과 같습니다.

• 드롭다운은 탐색에 드롭다운 메뉴를 만듭니다. 모든 템플릿에서 제공됩니다.
• 색인 페이지는 사이트에 여러 페이지의 콘텐츠를 표시하는 고유한 페이지를 만듭니다. 일부 버전 7.0 템플릿에서 제공됩니다.

이 가이드는 버전 7.0을 위한 것입니다. 버전 7.1은 색인 페이지를 지원하지 않지만 페이지 섹션이나 포트폴리오 페이지를 사용하여 색인 페이지와 비슷한 효과를 얻을 수 있습니다.

시작하기 전에

• 드롭다운 안에 색인 페이지를 넣거나 색인 페이지 안에 드롭다운을 넣을 수 없습니다.
• 색인 페이지 안에 색인 페이지를 넣거나 드롭다운 안에 드롭다운을 넣을 수 없습니다.
• 템플릿을 전환하면 색인 페이지가 드롭다운으로, 드롭다운이 색인 페이지로 변환되는 경우가 있습니다. 자세한 내용은 템플릿 전환 FAQ를 참조하세요.

드롭다운

드롭다운은 주로 탐색에 드롭다운 메뉴를 만드는 데 사용됩니다. 관련 페이지를 함께 그룹화하거나, 탐색 메뉴의 링크를 최소화하거나, 방문자가 사이트의 페이지에 빠르게 액세스할 수 있도록 하려는 경우 유용할 수 있습니다. 드롭다운은 정리 도구로, 사이트에 새 페이지를 만들지 않습니다.

드롭다운 스타일은 템플릿마다 다릅니다. 일부 템플릿에는 메뉴의 배경 색상을 설정하고, + 아이콘 표시 여부를 선택하고, 하위 페이지에 다른 색상이나 글꼴을 사용할 수 있는 스타일 옵션이 있습니다.

드롭다운 기능도 다양합니다. 일부 템플릿에서는 커서를 올리면 메뉴가 열리고, 드롭다운 이름을 클릭하면 드롭다운의 첫 번째 페이지로 이동합니다. 다른 템플릿에서는 드롭다운 이름을 클릭하면 드롭다운 메뉴가 열립니다.

자세히 알아보려면 템플릿별 드롭다운 표시를 참조하세요.

Five 템플릿의 페이지 패널에서 드롭다운이 표시되는 방식은 다음과 같습니다.

Five 템플릿에서 방문자에게 드롭다운이 표시되는 방식은 다음과 같습니다.

색인 페이지

색인 페이지는 사이트에 독특한 페이지를 만드는 강력한 디자인 기능입니다. 색인 페이지는 다양한 페이지의 콘텐츠를 모아 방문자가 사이트 콘텐츠를 둘러볼 수 있는 랜딩 페이지를 만듭니다. 탐색에서 색인 페이지 링크를 클릭하면 해당 색인 페이지로 이동합니다.

색인 페이지는 지원하는 템플릿마다 다르게 보입니다. 템플릿에 따라 콘텐츠는 이미지 그리드, 스택형 섹션으로 구성된 스크롤링 페이지 또는 전체 화면 슬라이드쇼로 배치됩니다. 탐색에 드롭다운 메뉴를 만들 수도 있습니다.

색인 페이지는 갤러리나 프로젝트의 포트폴리오와 같은 추가 페이지의 랜딩 페이지로 유용합니다. 색인 페이지를 사용하여 비슷한 콘텐츠를 한 곳에 정리할 수도 있습니다. 색인 페이지를 홈페이지로 설정하는 것이 일반적입니다.

자세히 알아보려면 버전 7.0의 색인 페이지를 참조하세요.

Avenue 템플릿의 페이지 패널에서 색인 페이지가 표시되는 방식은 다음과 같습니다. 템플릿의 색인 페이지 스타일에 따라 페이지 아이콘이 여기에 표시된 이미지와 다르게 보일 수 있습니다.

Avenue 템플릿에서 방문자에게 색인 페이지가 표시되는 방식은 다음과 같습니다.

드롭다운 메뉴나 색인 페이지를 사용해야 하나요?

드롭다운을 사용하여 드롭다운 탐색 메뉴를 구성하고 색인 페이지를 사용하여 콘텐츠에 대한 매력적인 개요를 만드는 것이 가장 좋습니다.

두 가지 옵션을 모두 시도하여 사이트에 가장 적합한 옵션을 결정할 것을 권장합니다.