CMS: 동적 아이템 페이지 추가 및 설정하기

12 분 분량
동적 아이템 페이지를 사용해 각각 CMS 컬렉션의 다른 아이템을 나타내는 페이지를 무제한으로 즉시 제작하세요. 동적 페이지는 템플릿 역할을 하며, 각 컬렉션 아이템은 고유한 버전 및 웹 주소를 갖습니다. 동적 페이지의 URL 구조를 사용자 지정해 깔끔하게 유지하고 각 아이템이 고유한 URL을 갖도록 할 수 있습니다. 

먼저, 동적 아이템 페이지를 생성한 후 요소를 추가하고 배열해 레이아웃을 디자인하세요. 기본 제공 데이터세트를 통해 텍스트 및 이미지와 같은 페이지 요소를 컬렉션 입력란에 연결하세요. 결과적으로 각 아이템의 고유한 페이지 버전에는 아이템 컬렉션 입력란의 콘텐츠가 표시됩니다. 

컬렉션의 동적 아이템 페이지를 동적 목록 페이지와 페어링해 반복 레이아웃, 갤러리 또는 표의 아이템 카탈로그를 표시하는 것이 좋습니다. 방문자가 동적 목록 페이지에서 아이템을 클릭하면 아이템에 대한 세부 정보를 볼 수 있는 동적 아이템 페이지로 이동합니다. 
시작하기 전:
이 동적 목록 페이지의 각 버전에 표시하려는 아이템을 포함하는 CMS 컬렉션을 추가하세요. 

1 단계 | 동적 아이템 페이지 추가하기

에디터의 CMS 패널에서 컬렉션에 대한 동적 아이템 페이지를 생성하세요. 이는 각 아이템의 고유 버전에 대한 템플릿 역할을 하는 페이지를 추가합니다. 각 버전은 동일한 동적 아이템 페이지를 공유하며, 아이템에 따라 세부 정보를 변경하기만 하면 됩니다.  
Wix 에디터
Studio 에디터
  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 CMS를 클릭합니다.
  3. 내 컬렉션을 클릭합니다.
  4. 해당 컬렉션에 마우스오버한 후 추가 작업 아이콘을 클릭합니다. 
  5. 동적 페이지 추가를 클릭합니다. 
Wix 에디터의 컬렉션에서 동적 페이지를 추가하는 스크린샷
  1. 아이템 페이지를 선택한 후 사이트에 추가를 클릭합니다. 

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 생성에 대한 자세한 도움말을 확인하세요.
Wix 에디터
Studio 에디터

  1. 에디터로 이동합니다.
  2. 에디터 왼쪽에서 페이지 및 메뉴 아이콘을 클릭합니다.
  3. 동적 페이지를 클릭합니다. 
  4. 추가한 동적 아이템 페이지에 마우스오버한 후 오른쪽의 추가 작업 아이콘을 클릭합니다. 
    도움말: 추가한 동적 아이템 페이지의 제목은 기본적으로 {컬렉션 이름}(Item)입니다.
  5. SEO를 클릭합니다. 
  6. URL 슬러그 구조 입력란을 클릭합니다.
  7. URL 슬러그 구조를 사용자 지정하고 키보드에서 Enter 키를 누릅니다. 
    도움말: 변수 추가를 클릭한 후 해당 입력란을 선택해 입력란의 동적 값을 동적 아이템 페이지의 URL에 추가합니다.
동적 아이템 페이지의 URL 슬러그 구조를 수정하는 스크린샷

3 단계 | CMS에 페이지 요소 연결하기

기본적으로 새 동적 아이템 페이지에는 CMS 컬렉션 입력란에 자동으로 연결된 텍스트 및 이미지 등과 같은 요소가 포함됩니다. 

동적 아이템 페이지에 포함할 요소를 추가 및 정렬하세요. 그런 다음, 요소에 따라 요소가 동적으로 변경되도록 하려면 요소를 데이터세트 내의 CMS 컬렉션 입력란에 연결합니다. 각 버전에서 콘텐츠를 동일하게 유지하려면 요소를 CMS에서 연결 해제한 상태로 둡니다. 

데이터세트에서 반환된 이전 또는 다음 아이템으로 방문자가 자동으로 이동할 수 있는 기본 "이전" 및 "다음" 버튼도 있어야 합니다. 컬렉션의 동적 목록 페이지 또는 아이템을 나열하는 다른 위치에 추가 "뒤로" 버튼을 연결할 수 있습니다. 
Wix 에디터
Studio 에디터
  1. (선택사항) 페이지에 요소를 추가(예: 버튼, 텍스트, 이미지)하거나 필요하지 않은 요소를 제거합니다.
  2. 페이지의 요소를 CMS 컬렉션에 연결합니다. 
도움말:
지원되는 각 요소의 CMS 연결 옵션에 대한 자세한 도움말을 확인하세요. 
3.  미리보기를 클릭한 후 미리보기 도구 모음을 사용해 동적 아이템 페이지의 각 버전을 테스트합니다. 
미리보기 도구 모음을 사용해 동적 아이템 페이지에서 다른 아이템이 어떻게 표시되는지 확인하는 스크린샷
4.  변경 사항을 라이브 사이트에 적용할 준비가 되었다면 게시를 클릭합니다. 

자주 묻는 질문

아래 질문을 클릭해 동적 아이템 페이지 설정에 대한 자세한 내용을 확인하세요. 

도움이 되었나요?

|