CMS: 동적 아이템 페이지 추가 및 설정하기
페이지 메뉴
- 1단계 | 동적 아이템 페이지 추가하기
- 2단계 | (선택사항) URL 끝부분(슬러그) 구조 변경하기
- 3단계 | 페이지 요소를 CMS에 연결하기
- 자주 묻는 질문
동적 아이템 페이지를 사용하면 CMS 컬렉션의 각 아이템을 나타내는 여러 페이지를 즉시 생성할 수 있습니다. 동적 페이지는 템플릿 역할을 하며, 컬렉션의 각 아이템에는 고유한 버전과 웹 주소가 생성됩니다. 동적 페이지의 URL 끝부분(슬러그) 구조를 사용자 지정해 페이지를 체계적으로 관리하고 각 아이템에 고유한 URL을 설정할 수 있습니다.
먼저 동적 아이템 페이지를 추가한 후 요소를 추가하고 배치해 레이아웃을 디자인합니다. 내장된 데이터세트를 통해 텍스트, 이미지 등의 페이지 요소를 컬렉션 입력란에 연결합니다. 그러면 각 아이템의 페이지에 해당 컬렉션 입력란의 콘텐츠가 표시됩니다.
컬렉션의 동적 아이템 페이지를 반복 레이아웃, 갤러리 또는 테이블에 아이템 카탈로그를 표시하는
동적 목록 페이지와 페어링하는 것이 좋습니다. 방문자가 동적 목록 페이지에서 아이템을 클릭하면 동적 아이템 페이지로 이동해 해당 아이템의 상세 정보를 확인할 수 있습니다.
시작하기 전:
각 아이템을 이 동적 아이템 페이지의 고유한 버전에 표시하려면 아이템이 포함된 CMS 컬렉션을 추가합니다.
1단계 | 동적 아이템 페이지 추가하기
에디터의 CMS 패널에서 컬렉션에 사용할 동적 아이템 페이지를 추가합니다. 이 페이지는 각 아이템의 고유한 버전에 적용되는 템플릿 역할을 합니다. 모든 버전은 동일한 동적 아이템 페이지를 공유하며, 아이템에 따라 상세 정보만 다르게 표시됩니다.
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- 에디터 왼쪽에서 CMS
아이콘을 클릭합니다. - 컬렉션을 클릭합니다.
- 관련 컬렉션에 마우스오버한 후 추가 작업
아이콘을 클릭합니다. - 동적 페이지 추가를 클릭합니다.
- 아이템 페이지를 선택한 후 사이트에 추가를 클릭합니다.
도움말: 목록 페이지도 선택하면 컬렉션의 동적 목록 페이지를 동시에 추가할 수 있습니다.
2단계 | (선택사항) URL 끝부분(슬러그) 구조 변경하기
동적 페이지의 웹 주소를 결정하는 URL 끝부분(슬러그) 구조를 편집할 수 있습니다. URL을 원하는 방식으로 체계적으로 구성할 수 있습니다.
예를 들어, 동적 페이지의 URL 끝부분(슬러그) 구조를 다음과 같이 만들 수 있습니다.
- 동적 목록 페이지: https://www.{your-domain.com}/{collection-name}
- 동적 카테고리 페이지: https://www.{your-domain.com}/{collection-name}/{category}
- 동적 아이템 페이지: https://www.{your-domain.com}/{collection-name}/{category}/{primary-field}
각 아이템에 고유한 URL이 생성되도록 동적 아이템 페이지의 URL 끝부분(슬러그) 구조를 설정해야 합니다. 고유한 URL이 없으면 아이템별 동적 아이템 페이지를 표시할 수 없습니다.
고유한 동적 페이지 URL을 만드는 방법에 대해 자세히 알아보세요.
URL 끝부분(슬러그) 구조를 편집할 때는 사이트의 다른 기존 페이지에서 사용 중인 구조와 중복되지 않아야 합니다. 고유한 구조로 만들려면 사이트의 다른 페이지와 변수 종류가 다르더라도 URL 끝부분(슬러그) 구조의
접두사가 같고
변수 개수도 같아서는 안 됩니다 (예: {Collection name}).
변수가 서로 달라도 이 기준은 동일하게 적용됩니다.
서로 충돌해 사용할 수 없는 URL 끝부분(슬러그) 구조에는 어떤 예시가 있나요?
중요!
변수를 추가해 만든 새 URL로 기존 URL을 자동 리디렉트하려면 먼저 사이트에
도메인을 연결해야 합니다. 도메인이 연결되어 있지 않으면 기존 URL이 더 이상 작동하지 않고 404 오류 페이지가 표시됩니다.
동적 아이템 페이지의 URL 끝부분(슬러그) 구조를 편집하려면 다음 단계를 따릅니다.
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- 에디터 왼쪽에서 페이지 및 메뉴
아이콘을 클릭합니다. - 동적 페이지를 클릭합니다.
- 방금 생성한 동적 아이템 페이지에 마우스오버한 후 오른쪽의 추가 작업
아이콘을 클릭합니다.
도움말: 동적 아이템 페이지의 기본 제목은 {Collection Name} (아이템)입니다. - SEO를 클릭합니다.
- URL 끝부분 (슬러그) 구조 입력란을 편집합니다.
- URL 끝부분 (슬러그) 구조 입력란 옆의 편집을 클릭한 후 원하는 작업을 선택합니다.
- 변수 추가: + 변수 추가를 클릭한 후 URL 끝부분 (슬러그) 구조에 값을 사용할 '텍스트' 또는 '숫자' 입력란을 선택합니다.
- 고정 값 추가 또는 편집: 입력란을 클릭해 URL 끝부분 (슬러그) 구조에 사용할 고정 값을 입력하거나 기존 값을 편집합니다. 영문자, 숫자 또는 하이픈만 사용하세요.
도움말: URL 끝부분 (슬러그)에 영문자가 아닌 문자도 추가할 수 있습니다.
- 저장을 클릭합니다.
- URL 끝부분 (슬러그) 구조 입력란 옆의 편집을 클릭한 후 원하는 작업을 선택합니다.
- URL 교체를 클릭해 변경사항을 확인합니다. 동적 페이지의 기존 URL은 삭제되어 더 이상 작동하지 않으며, 새 URL이 생성됩니다.
3단계 | 페이지 요소를 CMS에 연결하기
새 동적 아이템 페이지에는 텍스트, 이미지 등의 요소가 기본으로 포함되며 CMS 컬렉션 입력란에 자동으로 연결됩니다.
동적 아이템 페이지에 표시할 요소를 추가하고 배치합니다. 아이템에 따라 요소가 동적으로 변경되도록 하려면 데이터세트에서 해당 요소를 CMS 컬렉션 입력란에 연결합니다. 모든 버전에서 동일한 콘텐츠를 표시하려면 요소를 CMS에 연결하지 않습니다.
기본으로 제공되는 "이전" 및 "다음" 버튼을 클릭하면 데이터세트가 불러온 이전 또는 다음 아이템으로 자동 이동합니다. "돌아가기" 버튼을 추가해 컬렉션의
동적 목록 페이지 또는 아이템 목록이 표시되는 다른 위치에 연결할 수도 있습니다.
Wix 에디터
Studio 에디터
- (선택사항) 페이지에 버튼, 텍스트, 이미지 등의 요소를 추가하거나 필요하지 않은 요소를 제거합니다.
- 페이지의 요소를 CMS 컬렉션에 연결합니다:
도움말:
지원되는 각 요소의
CMS 연결 옵션에 대해 자세히 알아보세요.
뒤로 버튼
아이콘을 클릭합니다. 
아이콘을 클릭하고 원하는 링크 옵션을 선택할 수도 있습니다. 
텍스트 요소
이미지
이전 / 다음 버튼
3. 미리보기를 클릭한 후 미리보기 도구 모음에서 각 아이템이 어떻게 표시되는지 확인합니다.
도움말:
현재 보고 있는 컬렉션 아이템을 편집하려면 미리보기 도구 모음에서 아이템 편집을 클릭합니다.
4. 변경사항을 라이브 사이트에 반영할 준비가 되었다면 게시를 클릭합니다.
자주 묻는 질문
동적 아이템 페이지 설정에 대해 자세히 알아보려면 아래 질문을 클릭하세요.
데이터세트란 무엇인가요?
사이트 메뉴를 동적 아이템 페이지의 특정 URL에 연결할 수 있나요?
동적 아이템 페이지에 여러 이미지와 동영상을 표시할 수 있나요?
URL 끝부분 구조에 변수 입력란을 추가해야 하는 이유는 무엇인가요?
카테고리별 아이템을 나열하는 동적 페이지를 만들 수 있나요?
방문자가 이미지에 마우스오버하면 표시되는 툴팁을 추가할 수 있나요?