워드프레스 페이지네이션

경우에 따라 WordPress 게시물 및 페이지의 기본 이전/다음 탐색 기능이 잘 작동합니다. 그러나 가장 직관적인 방법은 아닙니다. 게시된 콘텐츠가 많은 웹사이트의 경우 특히 그렇습니다.

콘텐츠를 별도의 페이지로 분할하는 기능인 페이지 매김은 웹사이트 디자인을 개선하고 방문자가 콘텐츠를 탐색하는 방식을 개선할 수 있는 옵션 중 하나입니다. 이 기술은 실용적이면서도 심미적인 매력이 있으며 웹에서 점점 인기를 얻고 있습니다.

이번 포스팅에서는 페이지네이션을 소개하고 워드프레스에 페이지네이션을 추가하는 다양한 방법에 대해 알아보겠습니다. 이는 플러그인, Ajax 또는 사용자 지정 설정을 사용하여 수행할 수 있습니다. 시작하자!

WordPress에 페이지 매김 추가

WordPress 웹 사이트에 페이지 매김을 추가하려면 두 가지 주요 방법을 사용하게 됩니다. 첫 번째는 플러그인을 사용하는 것이고 두 번째는 Ajax를 통해서입니다. 이 두 가지 접근 방식에 대해 곧 자세히 설명하고 몇 가지 맞춤 조정도 소개할 예정입니다. 그 전에 WordPress에서 페이지 매김을 사용할 수 있는 기본 방법을 살펴보겠습니다.

WordPress의 블로그 페이지 매김

페이지 매김은 워드프레스 웹사이트의 블로그 섹션에서 가장 일반적으로 사용됩니다. 개별 게시물에 적용하거나 블로그 카테고리 페이지를 통합하는 방법으로 사용할 수 있습니다.

블로그 페이지 매김은 웹 사이트와 방문자 모두에게 다양한 이점을 제공합니다. 예를 들어 페이지 매김은 검색 엔진 순위를 높일 수 있습니다. 귀하의 웹사이트를 가리키는 링크(예: 더 많은 페이지)의 수가 증가하기 때문입니다.

방문자의 경우 페이지 매김을 사용하면 탐색이 더 간단해집니다. 게시물 및 페이지에 대해 기본 이전/다음 탐색 방법을 사용하는 대신 페이지 매김을 사용하면 독자가 특정 페이지 번호를 클릭할 수 있습니다. 즉, 게시물과 페이지를 검색하는 데 소요되는 시간이 줄어들고 콘텐츠와 상호 작용하는 데 더 많은 시간을 할애하게 됩니다.

페이지네이션 플러그인

WordPress에서 페이지 매김을 사용하는 가장 쉬운 방법은 페이지 매김 플러그인을 사용하는 것입니다. 여러 가지 옵션이 있지만 몇 가지 최고의 솔루션을 자세히 살펴보겠습니다.

먼저 WP-Paginate입니다. 이 플러그인을 사용하면 블로그 페이지 , 검색 페이지 및 홈 페이지를 포함하여 사이트의 거의 모든 위치에 번호가 매겨진 버튼을 추가할 수 있습니다. 이는 사용자 경험을 개선하고(원하는 페이지로 건너뛸 수 있게 함으로써) 웹 사이트의 모양을 향상시키는 데 도움이 됩니다.

또한 WP-Paginate를 사용하면 페이지 버튼과 특정 값(예: 페이지 범위 및 페이지 간격 )을 사용자 정의할 수 있습니다. 즉, 페이지 매김의 주요 요소를 제어할 수 있습니다.

둘째, WP-PageNavi를 간단히 살펴보겠습니다. WP-Paginate와 마찬가지로 이 플러그인을 사용하면 WordPress 사이트의 거의 모든 위치에 페이지 번호를 추가할 수 있습니다. 그러나 이전 플러그인과 달리 약간의 구성이 필요합니다.

두 WordPress 페이지 매김 플러그인을 사용하면 기본 이전/다음 탐색에서 고급 번호 매기기 시스템으로 전환할 수 있습니다. 또한 원하는 경우 사용자 지정 CSS를 추가할 수 있습니다. 그러나 동일한 목적을 달성하는 다른 방법이 있습니다.

WordPress의 Ajax 페이지 매김

AJAX(Asynchronous JavaScript And XML)는 개발자가 비동기식 웹 응용 프로그램을 만들 수 있도록 하는 일련의 프로그래밍 기술입니다. 즉, Ajax는 백그라운드에서 실행되기 때문에 페이지의 모양을 방해하지 않고 서버에서 정보를 보내고 검색합니다. Ajax는 전체 페이지를 다시 로드하지 않고 동적 페이지 콘텐츠를 변경하는 데 사용됩니다. 이것은 일반적으로 무한 스크롤에서 볼 수 있지만 페이지 매김에도 적용됩니다.

Ajax 페이지 매김을 사용하여 웹 사이트는 사용자 경험을 방해하지 않고 새로운 콘텐츠(예: 블로그 게시물)로 자주 업데이트할 수 있습니다. 독자는 페이지에 있는 동안 게시한 모든 최신 콘텐츠를 볼 수 있지만 매번 다시 로드되지는 않습니다. 또한 사용자가 다음 페이지를 클릭할 때 페이지가 완전히 다시 로드될 때까지 기다릴 필요가 없습니다.

플러그인 없는 Ajax 페이지네이션

WordPress 웹 사이트에 페이지 매김을 추가할 수 있는 몇 가지 플러그인 옵션을 위에서 소개했습니다. 그러나 Ajax 페이지네이션은 플러그인을 사용하지 않고 할 수 있습니다.

이 프로세스에는 꽤 많은 코딩이 필요하다는 것을 이해하는 것이 중요합니다. 즉, 먼저 하위 테마를 만드는 것을 진지하게 고려해야 합니다. 이렇게 하면 기본 코드를 방해하지 않고 현재 웹사이트 테마를 변경할 수 있습니다. 이렇게 하면 중대한 실수를 저지를 가능성이 줄어들고 테마 파일에 자신의 코드를 매우 쉽게 추가할 수 있습니다.

자녀 테마가 설정되면 사이트에 페이지 매김을 추가하는 세 가지 주요 단계가 있습니다. 프로세스에 대한 개요는 다음과 같습니다.

1. 이벤트를 만듭니다. 웹사이트에서 어떤 작업(예: 페이지 번호 클릭)이 프로세스의 JavaScript 부분을 트리거할지 결정하는 곳입니다.
2. Ajax 호출을 생성합니다. JavaScript가 '활성화'되면 데이터 요청이 웹 서버로 전송됩니다.
3. 워드프레스와 소통하세요. 마지막으로 서버의 응답에 따라 WordPress가 작동하는 방식이 결정됩니다. 이 경우 전체 페이지를 다시 로드하지 않고 새 콘텐츠 페이지를 호출합니다.

Ajax가 어떻게 페이지네이션을 개선할 수 있는지 쉽게 알 수 있습니다. 이 모든 단계는 몇 초 만에 이루어지므로 사이트의 사용자 경험이 크게 향상됩니다.

사용자 정의 페이지 매김

Ajax를 사용하지 않으려면 WordPress 웹 사이트에 대한 사용자 지정 페이지 매김을 구축하는 다른 방법이 있는지 궁금할 수 있습니다. 플러그인은 몇 가지 유용한 기능을 제공하지만 사이트의 페이지 매김 기능을 직접 변경할 수도 있습니다.

예를 들어 페이지당 표시되는 게시물 수를 수정할 수 있습니다. WordPress는 기본값을 10으로 설정하지만 원하는 거의 모든 숫자로 변경할 수 있습니다. 이렇게 하려면 설정 > 읽기 > 블로그 페이지가 최대 표시로 이동합니다. 여기에서 값을 직접 늘리거나 줄일 수 있습니다.

많은 사용자가 알지 못하는 또 다른 사용자 지정 페이지 매김 기능은 단일 게시물을 여러 페이지로 분할하는 기능입니다. 이것은 목록 기사 또는 다른 유형의 긴 형식 콘텐츠에 적합합니다. 이 기능을 구현하려면 분할하려는 콘텐츠 사이에 <!– nextpage –> ( 텍스트 편집기 에 있는 동안)를 추가하기만 하면 됩니다.

고급 사용자인 경우 CSS( styles.css 파일 내)를 사용하여 페이지 매김을 추가로 사용자 정의할 수도 있습니다. 배경 및 글꼴 색상, 패딩 요소 및 호버 효과와 같은 요소를 변경할 수 있습니다. 약간의 작업으로 원하는 대로 사이트의 페이지 매김을 설정할 수 있습니다!

웹사이트에 추가할 수 있는 더 흥미로운 요소에 대해 알고 싶습니까? WP 엔진을 팔로우하면 WordPress 뉴스 및 최신 기능에 대한 많은 기사를 찾을 수 있습니다. WP 엔진에서 더 많은 것을 얻으려면 효과적인 웹 사이트를 운영하는 데 필요한 전담 지원과 실질적으로 모든 것을 제공하는 관리 호스팅 계획을 확인할 수도 있습니다!