Page-Navi

워드프레스 페이지 내비게이션을 숫자 형식으로 바꾸어주는 WP-PageNavi

WP-PageNavi 플러그인을 사용하여 워드프레스에 숫자 형식의 페이지 내비게이션을 추가할 수 있습니다.

예를 들어, 워드프레스 기본 테마 중 하나인 Twenty Twelve 테마에서 블로그 페이지는 아래 그림과 같이 “이전 글, 다음 글” 형식으로 되어 있습니다.
TwentyTwelve Page Navigator

WP-PageNavi 플러그인을 사용하면 다음과 같이 숫자 형식의 페이지 내비게이션으로 바꿀 수 있습니다.
Page-Navi

위와 같이 숫자 내비게이션으로 변경하려면, 먼저 플러그인을 설치하고 활성화하도록 합니다.

페이지 내비게이션으로 변경할 테마 파일을 찾습니다. 가령 Twenty Twelve 테마에서 index.php 페이지를 살펴보면 페이지 내비게이션 코드는 다음과 같습니다.

<?php twentytwelve_content_nav( 'nav-below' ); ?>

이 코드를 아래 코드로 대체하도록 합니다.

<?php wp_pagenavi(); ?>

그러면 위의 그림에 나와있는 숫자 내비게이션으로 바뀌게 됩니다. 레이아웃(배경 색상 등)을 수정하려면 wp-content/plugins/wp-pagenavi 아래의 pagenavi-css.css를 수정하시면 됩니다. 가령 .wp-pagenavi a, .wp-pagenavi spanbackground-color: yellow;를 추가하면:

Page Navi Background Yellow
그림과 같이 숫자 부분의 배경색이 노란색으로 바뀌게 됩니다. pagenavi-css.css를 적절히 수정하여 원하는 레이아웃을 만들도록 합니다.

WP-PageNavi는 또한 기본적인 숫자 내비게이션보다 향상된 기능을 제공합니다.

설정 페이지에서 Page Navigation의 UI 텍스트를 지정할 수 있습니다:

Page Navi - Text
그리고 페이지 숫자를 “페이지 1, 2, 3, 4, 5, 10, 20, 30, 40, 50“과 비슷하게 표시할 수 있는 옵션과 기타 옵션을 제공합니다.
Page Navigation Options

떠나시기 전에 아무 댓글(Comments)이라도 남겨두세요.
기부를 통해 이 블로그의 운영을 후원하실 수 있습니다.