Wix Studio: CMS 사용하기

8 분 분량
Wix Studio의 CMS(콘텐츠 관리 시스템)를 사용해 클라이언트 사이트의 콘텐츠를 효율적으로 저장, 구성, 관리하세요.
CMS에서는 사이트 콘텐츠를 동적 페이지 및 요소를 쉽게 만들 수 있는 데이터베이스 컬렉션에 보관합니다. 텍스트, 갤러리, 반복 레이아웃 등의 페이지 요소를 요소에 사용할 컬렉션 입력란을 제어하는 데이터세트에 연결하세요. 텍스트 입력, 드롭다운 선택, 업로드 버튼 등과 같은 사용자 입력 요소를 설정해 방문자가 콘텐츠를 필터링하고 컬렉션에 직접 제출할 수 있도록 허용할 수 있습니다.
Studio 에디터의 CMS 스크린샷
도움말:
Wix Academy에서 Wix Studio로 동적 콘텐츠를 제작하는 방법에 대한 자세한 도움말을 확인하세요. (영문)

Wix Studio에 CMS 추가하기

에디터 왼쪽에서 CMS를 추가한 다음 프리셋 CMS 템플릿으로 시작하거나 수동으로 컬렉션 및 동적 페이지를 추가하세요. 

Wix Studio에 CMS를 추가하려면:

  1. 에디터의 왼쪽에서 CMS를 클릭합니다. 
  2. 사이트에 추가를 클릭합니다.
  3. 시작 방법을 선택합니다.
    • 프리셋으로 시작하기: 샘플 컬렉션 및 연결된 동적 페이지가 포함된 프리셋 CMS 템플릿에서 선택합니다. 
    • 컬렉션으로 시작하기: 수동으로 컬렉션을 생성하거나 CSV 파일을 가져와서 콘텐츠를 페이지 요소에 연결하기 전에 저장할 수 있습니다. 
Wix Studio에서 CMS를 시작하기 위한 옵션의 스크린샷

데이터세트를 사용해 페이지 요소 연결하기

CMS에서는 데이터세트를 사용해 에디터의 요소를 컬렉션의 콘텐츠에 연결합니다. 요소 또는 페이지를 선택하고 속성 패널의 CMS 연결 요소로 이동해 페이지 요소의 각 부분에 연결할 컬렉션 입력란을 선택할 수 있습니다.

데이터세트 설정에서 데이터세트 모드를 조정하고 한 번에 로딩할 수 있는 최대 아이템 수를 선택한 후 필터 및 정렬 조건을 추가해 아이템을 제외하고 사이트에 표시되는 순서를 선택할 수 있습니다.
새로운 데이터세트 환경:
Wix Studio에서는 데이터세트를 오른쪽의 속성 패널로 이동해 더 쉽게 사용할 수 있도록 했습니다. Wix Studio의 새로운 데이터세트 환경에 대한 자세한 도움말을 확인하세요. 
반복 레이아웃의 데이터세트 연결을 보여주는 스크린샷

CMS 컬렉션으로 콘텐츠 관리 간소화하기

대시보드 또는 Studio 에디터 왼쪽의 CMS에서 모든 컬렉션에 액세스하세요.
 
각 컬렉션에서 원하는 레이아웃(표, 목록, 갤러리)을 선택하고 다양한 입력란 유형을 관리할 수 있습니다. 정렬, 필터 및 사용자 지정 보기 저장을 통해 팀과 원활한 협업을 할 수 있습니다. 컬렉션을 CSV 파일로 가져오거나 내보내세요. 권한 및 공개 설정으로 콘텐츠를 보거나, 추가하거나, 편집하거나, 삭제할 수 있는 사용자를 결정합니다. 고급 색인을 만들어 컬렉션 쿼리 속도를 높이고 중복을 방지할 수 있습니다. 

컬렉션에 쉽게 액세스할 수 있도록 컬렉션을 폴더에 깔끔하게 보관하세요. 백업을 사용해 보안을 강화하고 안심하고 컬렉션 버전을 복원할 수 있습니다. Wix 앱 컬렉션을 활성화해 다른 Wix 앱(예: Wix Stores, Wix Bookings)의 데이터를 확인하세요. 샌드박스를 컬렉션의 테스트 환경으로 사용해 라이브로 전환하기 전 모든 것이 완벽한지 확인할 수 있습니다.
컬렉션 및 추가 작업을 보여주는 CMS의 스크린샷

동적 페이지로 효율적으로 확장하기

동적 페이지를 사용하면 웹페이지의 생성 및 유지 관리를 간소화하고 확장할 수 있습니다. 동적 페이지는 일관된 레이아웃과 디자인을 사용하면서 페이지에 연결된 컬렉션 아이템에 따라 콘텐츠를 변경합니다. Wix 사이트에서 정적 페이지는 100개로 제한되지만, 클라이언트 사이트에 사용할 동적 페이지는 무제한으로 생성할 수 있습니다.

동적 페이지에는 두 가지 유형이 있습니다. 
  • 동적 목록 페이지: 컬렉션의 여러 아이템을 갤러리 또는 반복 레이아웃에 표시할 수 있습니다. 방문자가 아이템을 클릭해 선택한 아이템에 대한 자세한 세부 정보를 볼 수 있는 동적 아이템 페이지로 이동할 수 있습니다. 
  • 동적 아이템 페이지: 페이지의 연결된 컬렉션의 모든 아이템에 대해 자동으로 생성됩니다. 컬렉션의 입력란에 연결되는 다양한 페이지 요소의 개별 컬렉션 아이템에 대한 세부 정보를 표시합니다. 
Studio 에디터의 동적 페이지 스크린샷

방문자가 사이트와 상호 작용하도록 유도하기

사용자 지정 입력 요소 및 탐색 요소를 사용해 사이트 방문자가 클라이언트의 사이트와 상호 작용하도록 유도하세요. 각 컬렉션별로 권한을 설정해 컬렉션 콘텐츠를 보고 편집할 수 있는 사용자를 제어할 수 있습니다. 

텍스트 입력, 서명 입력, 업로드 버튼 등과 같은 입력 요소를 데이터세트에 연결하고 방문자가 CMS 컬렉션에 제출할 수 있도록 하세요. 방문자가 반복 레이아웃이나 갤러리에 표시되는 아이템을 필터링할 수 있는 드롭다운, 선택 태그, 라디오 버튼 등과 같은 입력 요소를 설정하세요.

버튼 또는 이미지를 데이터세트에 연결하고 클릭 액션을 설정해 사용자 지정 인터랙티브 및 탐색 요소를 추가하세요. 예를 들어, 반복 레이아웃 또는 갤러리에 더 많은 아이템을 로딩하고, 다음 동적 아이템 페이지로 이동하고, 입력 값을 재설정하는 등의 버튼을 생성할 수 있습니다.
입력 요소와 클릭 액션이 다음 동적 페이지로 연결된 버튼의 스크린샷

동적 페이지에 전체 SEO 도구 활용하기

Studio 에디터 내에서 동적 페이지에 대한 모든 SEO 설정을 편집하세요. URL 슬러그 구조에 변수를 추가해 각 CMS 컬렉션 아이템이 고유한 웹 주소를 갖도록 할 수 있습니다. 동적 페이지 URL에 추가한 변수는 컬렉션 아이템의 실제 입력란 값으로 대체됩니다. 고유한 URL을 추가하면 검색 엔진과 방문자가 각 페이지의 콘텐츠를 이해하는 데 도움이 됩니다. 
동적 페이지에 대한 SEO 설정 작업하기 방법에 대한 자세한 도움말을 확인하세요. 

동적 페이지의 SEO 설정을 편집하려면:

  1. 에디터 왼쪽에서 페이지 아이콘을 클릭합니다.
  2. 해당 동적 페이지에 마우스오버하고 추가 작업 아이콘을 클릭합니다.
  3. SEO를 선택합니다. 
  4. URL 슬러그 구조를 편집합니다. 
    1. URL 슬러그 구조 입력란을 클릭합니다.
    2. (선택사항) 텍스트 또는 숫자 값을 입력해 URL 슬러그 구조를 수정합니다. 
    3. 변수 추가를 클릭해 컬렉션에서 URL에 사용할 입력란을 선택합니다.
  5. SEO 설정으로 이동을 클릭합니다.
  6. 아래에서 관련 동적 페이지 유형을 클릭해 SEO 설정을 편집하는 방법을 확인합니다. 
동적 페이지의 페이지 설정 내 SEO 탭 스크린샷

자주 묻는 질문

아래를 클릭해 자주 묻는 질문과 답변을 확인하세요. 

도움이 되었나요?

|