워드프레스 GeneratePress 테마: 페이지네이션 제거하기

네이버 카페에 워드프레스 GeneratePress 테마의 페이지네이션을 제거하는 방법에 대한 질문이 올라와서 잠시 살펴보았습니다. 유료 버전에서도 페이지네이션 관련 설정은 찾을 수가 없네요. 홈페이지(블로그 페이지)나 아카이브 등 카테고리 페이지에서 페이지 번호를 제거하려면 CSS를 사용하는 것이 가능합니다.

워드프레스 GeneratePress 테마: 페이지네이션 제거하기

블로그 페이지(최신 글 페이지)나 카테고리 페이지 등의 하단에 표시되는 페이지 번호를 페이지네이션(Pagination)이라고 합니다.

GeneratePress 테마의 경우 기본 페이지네이션 스타일은 이쁘지 않습니다. CSS를 사용하여 페이지네이션 스타일을 조정할 수 있습니다. 제 메인 블로그에서는 다음 그림과 같은 페이지네이션이 표시됩니다.

GP 테마의 페이지 번호 스타일을 변경하고 싶은 경우 다음 글을 참고하시기 바랍니다.

GeneratePress 테마 페이지네이션 스타일 변경하기 - 워드프레스 정보꾸러미

워드프레스 관련 네이버 카페에 GeneratePress 테마의 페이지네이션을 제거하는 방법에 대한 질문이 올라와서 GP 테마의 블로그 설정을 살펴보니 페이지네이션을 숨기는 옵션은 제공되지 않는 것 같습니다.

대신 Use infinite scroll을 활성화하면 페이지네이션 대신 무한 스크롤 기능이 적용됩니다.

홈페이지(블로그 페이지)에서 페이지네이션을 CSS로 숨길 수 있습니다. 다음 코드를 워드프레스 관리자 페이지 » 모양 » 사용자 정의 » 추가 CSS에 추가하여 테스트해보시기 바랍니다.

.home.blog .paging-navigation {
    display: none;
}

위의 코드는 페이지네이션을 실제로 제거하는 것은 아니고 크롬 등의 브라우저에서 사용자들에게 숨길뿐입니다. 즉, 코드상으로는 페이지네이션이 로드되지만 CSS를 사용하여 방문자들에게 보이지 않도록 합니다.

꼭 제거하고 싶다면 자바스크립트를 사용하거나 테마 파일을 직접 편집하는 것을 고려할 수 있습니다. 하지만 페이지네이션이 있는 것이 일반적이므로 그대로 두어도 무방하지 않을까 생각됩니다.

간혹 사이트에 다른 글들을 방문자들이 접근하지 못하도록 하려는 경우 페이지네이션을 제거하는 것을 고려할 것 같습니다. 페이지네이션을 제거하여 다른 글들에 접근하지 못하게 하더라도 구글 등 검색엔진에 site:사이트주소를 입력하여 해당 사이트에 대하여 색인된 글들을 확인이 가능합니다.

마치며

이상으로 GeneratePress 테마의 페이지네이션을 숨기는 방법에 대하여 살펴보았습니다. 페이지네이션을 제거하는 블로그 옵션이 제공되지 않기 때문에 사용자 정의 CSS를 사용하여 숨길 수 있습니다.

GeneratePress 테마는 빠른 속도 때문에 많은 블로그에 사용되고 있고, 카페24에서는 수익형 테마로 기본 설치되기도 합니다. 

GeneratePress 테마로 워드프레스 블로그 세팅 예시 (How to Customize GP)

참고

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)

 

워드프레스로 쉽게 랜딩 페이지 만들기 (feat. 엘리멘터, GeneratePress, Divi) - 워드프레스 정보꾸러미