CMS: 사용자 지정 이벤트 갤러리 추가하기

사용자 지정 이벤트 갤러리를 추가하면 여러 가지 장점이 있습니다. 기본 제공 이벤트 갤러리 사용 시에는 갤러리 모양을 제한적으로만 제어할 수 있습니다. 하지만, 사용자 지정 이벤트 갤러리를 추가하는 경우 무엇이 표시되고 어떻게 표시될지 정확하게 완전히 제어할 수 있습니다.

이 도움말에서는 아래 표시된 사용자 지정 이벤트 갤러리를 구축하는 데 필요한 단계를 다룹니다. 이벤트를 표시하는 갤러리 효과를 만들기 위해 반복 레이아웃을 사용합니다. 데이터세트를 사용해 해당 반복 레이아웃을 사이트의 이벤트 콘텐츠에 연결합니다. 동일한 단계를 따라 사이트 디자인과 필요에 맞게 사용자 지정하는 방식으로 이벤트를 표시할 수 있습니다. 

사용자 지정 이벤트 갤러리를 추가하기 전에, Wix 이벤트 앱을 사이트에 추가해야 합니다. Wix 이벤트 앱을 사용해 이벤트를 추가하고 이벤트 정보를 추가하세요. 그러면 이벤트 컬렉션이 사이트에 추가됩니다. 이는 모든 이벤트 데이터가 포함된 컬렉션입니다.

다음 사항을 숙지하는 것이 좋습니다.

먼저 페이지에 반복 레이아웃을 추가하고 표시하고자 하는 정보를 표시할 수 있도록 반복 레이아웃을 설정합니다. 이 예에서는 이미지와 두 개의 텍스트 요소를 시작점으로 포함하는 반복 레이아웃을 선택합니다.

추가 정보를 표시하기 위해 반복 레이아웃에 텍스트 요소를 하나 더 추가합니다. 이 시점에서 반복 레이아웃의 디자인은 필요에 따라 자유롭게 변경할 수 있습니다. 예를 들어, 원형 이미지, 추가 버튼 또는 원하는 요소를 추가할 수 있습니다. 여기서는 일부 글꼴 크기를 변경하고 일부 요소를 이동시켰습니다.

반복 레이아웃은 에디터에서 다음과 같이 표시됩니다.

반복 레이아웃의 실제 콘텐츠는 걱정하지 마세요. 텍스트 및 이미지는 데이터세트를 사용해 사이트를 연결할 때 사이트의 이벤트 콘텐츠로 채워집니다. 또한 반복 레이아웃에 표시되는 아이템 수에 대해 걱정할 필요가 없습니다. 이 역시 반복 레이아웃을 데이터세트에 연결할 때 처리됩니다.

반복 레이아웃이 Wix 이벤트 앱의 이벤트 콘텐츠를 가져오게 하기 위해 페이지에 데이터세트를 추가합니다. 데이터세트는 이벤트 컬렉션 콘텐츠와 페이지 요소 사이의 다리 역할을 합니다.

그런 다음 데이터세트를 이벤트 컬렉션에 연결합니다.

마지막으로 데이터 연결 버튼을 사용해 연결합니다.반복 레이아웃을 이벤트 컬렉션에 연결한 다음 각 페이지 요소를 이벤트 컬렉션의 입력란에 연결합니다. 컬렉션에서 표시할 콘텐츠를 선택할 수 있습니다. 이 예에서는 다음을 표시하도록 선택합니다. 

해야할 것은 이게 전부입니다. 이제 사이트를 미리보거나 게시해 사용자 지정 이벤트 갤러리의 작동 방식을 확인할 수 있습니다. 계속해서 사용자 지정 이벤트 갤러리에 기능을 추가하는 방법을 확인하세요.

위에서 만든 갤러리에는 현재 상태에 관계없이 사이트의 모든 이벤트가 표시됩니다. 즉, 취소된 이벤트, 이미 시작된 이벤트 및 과거 이벤트도 표시됩니다. 모든 이벤트를 표시하고 싶지 않다면, 데이터세트 필터링을 사용해 일부 이벤트만 표시할 수 있습니다.

이 예에서는 예정된 이벤트만 표시하고자 합니다. 이를 위해 상태 입력란의 데이터세트에 필터를 추가하기만 하면 상태가 예정됨인 이벤트만 표시됩니다.

기본적으로 이벤트는 생성된 순서대로 가장 오래된 이벤트부터 최신 이벤트까지 표시됩니다. 이러한 순서를 원치 않을 수도 있습니다. 표시 순서를 변경하려면, 데이터세트 정렬을 사용해 이벤트 순서를 정의할 수 있습니다.

이 예에서는 시작일 순으로 가장 가까운 날짜부터 이벤트를 표시하고자 합니다. 이를 위해 시작 입력란의 데이터세트에 이전 항목부터 표시되도록 정렬을 추가하기만 하면 됩니다.

또한, 이벤트 갤러리의 각 이벤트별로 이벤트 정보 페이지 및/또는 신청 양식을 연결할 수 있습니다. 두 가지 방법으로 링크를 추가할 수 있습니다.

사용자 지정 이벤트 갤러리에 연결된 데이터세트를 사용해 기본 제공 이벤트 정보 페이지 또는 신청 양식에 대한 버튼을 쉽게 추가할 수도 있습니다.

이 예에서는 정보 페이지와 신청 접수 페이지 모두에 대한 버튼을 추가합니다. 반복 레이아웃 아이템에 두 개의 버튼을 추가하고 텍스트를 편집하는 것부터 시작하겠습니다.

그 다음 데이터 연결 버튼을 사용해 버튼 링크를 연결합니다.정보 버튼은 사이트 이벤트 페이지 url로, 신청 버튼은 신청 url로 연결됩니다.

고유한 이벤트 정보 페이지를 추가할 수도 있습니다. 이를 위해 동적 페이지를 추가하고 원하는 이벤트 정보를 표시하도록 디자인하세요. 또한, 정보 페이지를 신청 양식으로 연결할지 여부를 결정할 수 있습니다. 그런 다음, 위에서 추가한 반복 레이아웃에 버튼을 추가하고 데이터 연결 버튼을 사용해 버튼 링크를 사용자 지정 정보 동적 페이지로 연결합니다.

사용자 지정 이벤트 정보 페이지를 추가하는 방법은 사용자 지정 이벤트 정보 페이지 추가 방법을 참고하세요.