WP-PageNavi

설명

오래된 ← 이전 페이지 | 다음 페이지 → 링크를 일부 페이지 링크로 바꾸시겠습니까?

이 플러그인은 멋진 페이지네이션 링크를 생성하는 wp_pagenavi() 템플릿 태그를 제공합니다.

사용법

테마에서 `next_posts_link()`와 `previous_posts_link()`를 호출하는 부분을 찾아서 이를 교체해야 합니다.

Twentyten 테마에서는 다음과 같이 표시됩니다:

<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'twentyten' ) ); ?></div>

그 두 줄을 다음으로 바꾸면 됩니다:

<?php wp_pagenavi(); ?>

multipart 페이지의 경우, 다음과 같은 코드를 찾으면 됩니다:

<?php wp_link_pages( ... ); ?>

그리고 다음으로 바꾸세요:

<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>

구성을 위해 WP-Admin -> Settings -> PageNavi로 이동하세요.

CSS 변경

WP-PageNavi의 CSS 스타일을 구성해야 하는 경우, 플러그인 디렉터리의 pagenavi-css.css 파일을 테마의 디렉터리로 복사한 다음 그곳에서 수정할 수 있습니다. 이렇게 하면 플러그인을 업데이트할 때 변경 사항이 사라지지 않습니다.

또는 설정 페이지에서 “Use pagenavi.css?” 옵션의 선택을 해제하고 스타일을 테마의 style.css 파일에 직접 추가할 수 있습니다.

클래스 이름 변경

페이지 내비게이션 요소에 할당되는 기본값 클래스 이름을 변경하는 데 사용할 수 있는 필터가 있습니다.

필터

• `wp_pagenavi_class_pages`
• `wp_pagenavi_class_first`
• `wp_pagenavi_class_previouspostslink`
• `wp_pagenavi_class_extend`
• `wp_pagenavi_class_smaller`
• `wp_pagenavi_class_page`
• `wp_pagenavi_class_current`
• `wp_pagenavi_class_larger`
• `wp_pagenavi_class_nextpostslink`
• `wp_pagenavi_class_last`

필터 사용

// Simple Usage - 1 callback per filter
add_filter('wp_pagenavi_class_previouspostslink', 'theme_pagination_previouspostslink_class');
add_filter('wp_pagenavi_class_nextpostslink', 'theme_pagination_nextpostslink_class');
add_filter('wp_pagenavi_class_page', 'theme_pagination_page_class');

function theme_pagination_previouspostslink_class($class_name) {
  return 'pagination__control-link pagination__control-link--previous';
}

function theme_pagination_nextpostslink_class($class_name) {
  return 'pagination__control-link pagination__control-link--next';
}

function theme_pagination_page_class($class_name) {
  return 'pagination__current-page';
}


// More Concise Usage - 1 callback for all filters
add_filter('wp_pagenavi_class_previouspostslink', 'theme_pagination_class');
add_filter('wp_pagenavi_class_nextpostslink', 'theme_pagination_class');
add_filter('wp_pagenavi_class_page', 'theme_pagination_class');

function theme_pagination_class($class_name) {
  switch($class_name) {
    case 'previouspostslink':
      $class_name = 'pagination__control-link pagination__control-link--previous';
      break;
    case 'nextpostslink':
      $class_name = 'pagination__control-link pagination__control-link--next';
      break;
    case 'page':
      $class_name = 'pagination__current'
      break;
  }
  return $class_name;
}

개발

• https://github.com/lesterchan/wp-pagenavi

크레딧

• 플러그인 아이콘은 SimpleIcon의 Flaticon에서 제공되었습니다.

기부

저는 제 자유 시간의 대부분을 이 플러그인들을 만들고, 업데이트하고, 유지 관리하고, 지원하는 데 썼습니다. 정말로 제 플러그인을 좋아하시고, 몇 달러라도 보태주실 수 있다면 진심으로 감사하겠습니다. 그렇지 않더라도 아무런 의무 없이 자유롭게 사용하셔도 됩니다.