CMS: 동적 아이템 페이지 추가 및 설정하기
13 분 분량
동적 아이템 페이지를 사용해 각각 CMS 컬렉션의 다른 아이템을 나타내는 페이지를 무제한으로 즉시 제작하세요. 동적 페이지는 템플릿 역할을 하며, 각 컬렉션 아이템은 고유한 버전 및 웹 주소를 갖습니다. 동적 페이지의 URL 슬러그 구조를 사용자 지정해 체계적으로 유지하고 각 아이템이 고유한 URL을 갖도록 할 수 있습니다.
먼저, 동적 아이템 페이지를 생성한 후 요소를 추가하고 배열해 레이아웃을 디자인하세요. 기본 제공 데이터세트를 통해 텍스트 및 이미지와 같은 페이지 요소를 컬렉션 입력란에 연결하세요. 결과적으로 각 아이템의 고유한 페이지 버전에는 아이템 컬렉션 입력란의 콘텐츠가 표시됩니다.
컬렉션의 동적 아이템 페이지를 동적 목록 페이지와 페어링해 반복 레이아웃, 갤러리 또는 표의 아이템 카탈로그를 표시하는 것이 좋습니다. 방문자가 동적 목록 페이지에서 아이템을 클릭하면 아이템에 대한 세부 정보를 볼 수 있는 동적 아이템 페이지로 이동합니다.
시작하기 전:
이 동적 목록 페이지의 각 버전에 표시하려는 아이템을 포함하는 CMS 컬렉션을 추가하세요.
1 단계 | 동적 아이템 페이지 추가하기
에디터의 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 슬러그 구조는 변수가 다르더라도, 사이트의 다른 페이지와 동일한 접두사(예: {컬렉션 이름}) 및 동일한 수의 변수를 가질 수 없습니다.
사용할 수 없는 충돌 URL 슬러그 구조의 예 보기
중요!
동적 페이지의 URL 슬러그 구조를 변경하면 해당 페이지에 대한 모든 기존 링크가 더 이상 작동하지 않습니다. 이는 사이트 내의 링크, 외부로 공유한 모든 링크 및 검색 엔진의 SEO 링크에 영향을 미칩니다. Wix에서는 방문자와 검색 엔진을 이전 URL에서 새 URL로 이동할 자동 리디렉트를 추가할 수 있는 기능을 출시합니다.
동적 아이템 페이지의 URL 슬러그 구조를 편집하려면:
Wix 에디터
Studio 에디터
- 에디터로 이동합니다.
- 에디터 왼쪽에서 페이지 및 메뉴 아이콘을 클릭합니다.
- 동적 페이지를 클릭합니다.
- 추가한 동적 아이템 페이지에 마우스오버한 후 오른쪽의 추가 작업 아이콘을 클릭합니다.
도움말: 추가한 동적 아이템 페이지의 제목은 기본적으로 {컬렉션 이름}(Item)입니다. - SEO를 클릭합니다.
- URL 슬러그 구조 입력란을 편집합니다.
- 변수 추가를 클릭한 후 텍스트 또는 숫자 입력란을 선택해 URL 슬러그 구조에서 해당 값을 사용합니다.
- URL 슬러그 구조에서 정적 값을 사용하려면 텍스트 또는 숫자 값을 입력합니다.
- 키보드에서 Enter 키를 눌러 URL 슬러그 구조에 대한 변경 사항을 저장합니다.
3 단계 | CMS에 페이지 요소 연결하기
기본적으로 새 동적 아이템 페이지에는 CMS 컬렉션 입력란에 자동으로 연결된 텍스트 및 이미지 등과 같은 요소가 포함됩니다.
동적 아이템 페이지에 포함할 요소를 추가 및 정렬하세요. 그런 다음, 요소에 따라 요소가 동적으로 변경되도록 하려면 요소를 데이터세트 내의 CMS 컬렉션 입력란에 연결합니다. 각 버전에서 콘텐츠를 동일하게 유지하려면 요소를 CMS에서 연결 해제한 상태로 둡니다.
데이터세트에서 반환된 이전 또는 다음 아이템으로 방문자가 자동으로 이동할 수 있는 기본 "이전" 및 "다음" 버튼도 있어야 합니다. 컬렉션의 동적 목록 페이지 또는 아이템을 나열하는 다른 위치에 "뒤로" 버튼을 링크할 수 있습니다.
Wix 에디터
Studio 에디터
- (선택사항) 페이지에 요소를 추가(예: 버튼, 텍스트, 이미지)하거나 필요하지 않은 요소를 제거합니다.
- 페이지의 요소를 CMS 컬렉션에 연결합니다.
뒤로 버튼
텍스트 요소
이미지
이전 / 다음 버튼
도움말:
지원되는 각 요소의 CMS 연결 옵션에 대한 자세한 도움말을 확인하세요.
3. 미리보기를 클릭한 후 미리보기 도구 모음을 사용해 동적 아이템 페이지의 각 버전을 테스트합니다.
4. 변경 사항을 라이브 사이트에 적용할 준비가 되었다면 게시를 클릭합니다.
자주 묻는 질문
아래 질문을 클릭해 동적 아이템 페이지 설정에 대한 자세한 내용을 확인하세요.
데이터세트란 무엇인가요?
사이트 메뉴를 특정 동적 아이템 페이지 URL에 연결할 수 있나요?
동적 아이템 페이지에 많은 이미지와 동영상을 표시할 수 있나요?
URL 슬러그 구조에 변수 입력란을 추가해야 하는 이유는 무엇인가요?
카테고리별로 아이템을 나열하는 동적 페이지를 만들 수 있나요?
도움이 되었나요?
|