본문 바로가기
윅스 (Wix) 홈페이지 만들기/윅스 코딩 (Wix Code - Corvid)

윅스 (Wix) 코딩 - 페이지 번호바 (Working with Pagination Bars)

by 라임쥬서(Lime Juicer) 2020. 5. 5.
반응형

윅스 (Wix) 코딩 - 페이지 번호바 (Working with Pagination Bars)

 

 

 

설명)

 

페이지 번호바는 방문자가 컬렉션의 항목 페이지를 탐색하고 특정 페이지로 이동하는 데 도움을 줍니다. 페이지 번호바는 방문자가 현재 보고있는 페이지의 페이지 번호를 항상 표시하고 뒤로 및 다음 버튼도 포함합니다. 설정 패널에서 구성할 수 있습니다.

 

페이지 계산 방법에 대한 정보는 아래를 참조합니다.

 

페이지 번호바는 일반 페이지와 동적 카테고리 페이지에 배치할 수 있습니다. 동적 항목 페이지는 한 번에 하나의 항목만 로드하므로 페이지 번호바 컨트롤이 필요하지 않습니다.

 

 

페이지 번호바를 사용하기 (To use a pagination bar) :

1. 먼저 페이지에 페이지 번호바를 추가합니다 (사용자 입력에서 찾을 수 있습니다).

2. 페이지 번호바를 내용을 표시하는 요소와 동일한 데이터세트에 연결합니다.

 

페이지를 미리보고 페이지 번호바가 어떻게 작동하는지 확인할 수 있습니다. 데이터세트에 연결되면 페이지 번호바가 자동으로 데이터세트에서 총 페이지 수를 읽고 현재 표시되는 데이터 페이지를 제어합니다.

 

 

예제)

레시피 사이트가 있다고 가정해봅니다. 각 요리법을 표시할 수 있는 동적 항목 페이지를 설계했으며, 이제 방문자가 모든 요리법을 탐색할 수 있도록 색인 페이지를 만들려고합니다. 반복 레이아웃이 이상적입니다.

 

사이트에는 수십 개의 조리법이 있으므로 방문자를 압도하기 싫어서 데이터세트 설정에서 표시할 항목 수를 6으로 설정합니다.

 

 

 

 

방문자가 페이지를 탐색할 수 있는 방법을 만들기 위해 반복 레이아웃 바로 아래에 페이지 번호바를 추가하고 동일한 데이터세트에 연결합니다.

 

 

 

이제 방문자가 쉽게 페이지를 탐색하고 모든 요리법을 볼 수 있습니다.

 

 

 

팁 :

- 페이지에 둘 이상의 페이지 번호바를 넣을 수 있습니다. 예를 들어 페이지 상단과 하단에 각각 하나씩 지정할 수 있습니다. 둘 다 동일한 데이터세트에 연결되어 있는한 둘 다 작동합니다.

- 한 번에 하나의 항목만 표시하는 일반 페이지를 만들려면 표시할 항목 수를 "1"로 설정한 다음 페이지 번호바를 사용하여 방문자가 각 항목을 탐색할 수 있게 하십시오

 

 

 

페이지 수는 어떻게 계산됩니까? (How Is the Number of Pages Calculated?)

데이터세트 설정 패널에서 페이지에 표시할 항목 수를 지정합니다. 사용 가능한 페이지 수는 현재 데이터세트에 있는 항목 수를 단일 페이지의 항목 수로 나눈 값으로 계산됩니다. 예를 들어 표시할 항목 수를 4로 설정하고 데이터세트에 20 개의 항목이 있는 경우 페이지 번호바에 5페이지 (20/4 = 5)가 표시됩니다.

 

유의해야 할 점은 현재 데이터세트에 현재 라이브 컬렉션에 있는 항목이 모두 포함되어 있지 않을 수도 있다는 점입니다. 예를 들어, 데이터세트에 필터를 적용한 경우 컬렉션에 포함된 항목 수가 적을 수 있습니다. 방문자가 콘텐츠를 필터링할 수 있도록 페이지를 설정한 경우 필터 설정에 따라 사용 가능한 페이지 수가 변경될 수 있습니다.

 

 

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index 윅스 (Wix.com) 윅스 ADI & 템플릿 (Wix ADI & 템플릿) 윅스 웹에디터 (Wix Editor) 윅스 코딩 (Wix Code - Corvid) 윅스 해커톤 (Wix Hackathon)

limejuicer.tistory.com

 

출처 :

https://support.wix.com/en/article/working-with-pagination-bars

 

반응형

댓글