CMS: 페이지 번호바 추가 및 설정하기

3 분 분량
중요!
해당 요소는 아직 에디터 X 또는 Studio 에디터에서 사용할 수 없습니다. 
페이지 번호바를 사용하면 방문자가 컬렉션에 있는 아이템의 페이지를 탐색하고 특정 페이지로 이동할 수 있습니다. 페이지 번호바는 항상 방문자가 현재 보고 있는 페이지의 페이지 번호를 표시하며 뒤로 및 다음 버튼을 포함합니다. 페이지 번호바의 설정 패널에서 번호바를 구성할 수 있습니다.

아래에서 페이지 계산 방법에 대한 정보를 확인하세요. 

페이지 번호바는 일반 페이지와 동적 목록 페이지에 배치할 수 있습니다. 동적 아이템 페이지는 한 번에 하나의 아이템만 로드하기 때문에 페이지 번호 제어가 필요하지 않습니다. 
시작하기 전:
이 요소를 사용하려면, 사이트에 CMS를 추가하고 결과를 저장할 컬렉션을 설정해야 합니다.
다음 지침을 참고하세요:

1 단계 | 페이지 번호바 추가 및 설정하기

  1. 에디터 왼쪽에서 요소 추가를 클릭합니다.
  2. 인터랙티브를 클릭합니다.
  3. 원하는 페이지 번호바를 클릭해 끌어다 놓습니다. 
  4. 레이아웃 변경을 클릭합니다. 
  5. 다음 옵션 중 하나를 선택합니다. 
    • 클릭
    • 입력
    • 화살표
  6. 처음/마지막 버튼 표시 버튼을 클릭해 데이터의 첫 번째 및 마지막 페이지로 이동하는 버튼을 표시하거나 숨깁니다.
  7. 처음 페이지/마지막 페이지 표시 버튼을 클릭해 첫 페이지와 마지막 페이지의 번호를 표시하거나 숨깁니다. 첫 페이지 조회 시 마지막 페이지 번호가 표시되고, 마지막 페이지 조회 시 첫 페이지 번호가 표시됩니다. 
  8. 정렬에서 옵션을 선택합니다.
    • 왼쪽
    • 가운데
    • 오른쪽
    • 펼쳐놓기
  9. 탐색 버튼 선택에서 옵션을 선택합니다.
    • 화살표
    • 텍스트
      • 텍스트를 사용자 지정합니다. 
  10. 페이지 번호 표시 시작에서 옵션을 선택합니다.
    • 오른쪽으로
    • 왼쪽으로

2 단계 | 페이지 번호바 연결하기

  1. 사이트에서 페이지 번호바를 클릭합니다. 
  2. CMS에 연결 아이콘을 클릭합니다.
  3. 데이터 세트 연결을 클릭해 드롭다운 목록에서 데이터 세트를 선택합니다.
페이지 번호바가 데이터세트에 연결되면 페이지 번호바는 자동으로 데이터세트에서 총 페이지 수를 읽고 현재 표시되는 데이터 페이지를 제어합니다. 
도움말:
  • 페이지에 둘 이상의 페이지 번호바를 추가할 수 있습니다. 예를 들어, 페이지 상단과 하단에 각각 하나씩 추가할 수 있습니다. 둘 다 동일한 데이터 세트에 연결되어 있는 한 둘 다 작동합니다.
  • 한 번에 하나의 아이템을 표시하는 일반 페이지를 생성하려면, 표시할 아이템의 수를 "1"로 설정한 다음 페이지 번호바를 사용해 방문자가 각 아이템 간에 탐색할 수 있도록 할 수 있습니다.

페이지 수는 어떻게 계산되나요?

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

현재 라이브 컬렉션에 있는 모든 아이템이 데이터세트에 포함되어 있지 않을 수도 있습니다. 예를 들어 데이터세트에 필터를 적용한 경우 컬렉션보다 더 적은 수의 아이템을 포함할 수 있습니다. 방문자가 콘텐츠를 필터링할 수 있도록 페이지를 설정한 경우 필터 설정에 따라 사용 가능한 페이지 수가 변경될 수 있습니다.

도움이 되었나요?

|