자작 페이지 네이션을 분해하자.

개인으로 WordPress 개발을 할 때는 대체로 WP-PageNavi를 사용합니다만, 일단 자작 페이지 네이션도 이해 정도는 하고 싶다는 것으로 기사를 집필합니다.

이번에 사용하는 코드는 여기입니다.

index.php

<?php if ( paginate_links() ): ?>

<div class="pagenation">
<?php
 echo
 paginate_links(
 array(
 'end_size' => 1,
 'mid_size' => 1,
 'prev_next' => true,
 'prev_text' => '<i class="fas fa-angle-left"></i>',
 'next_text' => '<i class="fas fa-angle-right"></i>',
 )
);
?>
</div>

<?php endif; ?>

위 코드의 현재 상태는 여기입니다.



차례로 어떤 파라미터인지 살펴보겠습니다.

end_size

(정수) (선택 사항) 페이지 번호 목록의 양쪽 끝 (처음과 끝)에 몇 개의 숫자를 표시합니까?
초기값: 1

아래와 같이 변경해 보겠습니다.'end_size' => 1, → 'end_size' => 2,


양 끝에 2개씩 숫자가 나오게 되었습니다.

mid_size

(정수) (선택 사항) 현재 페이지의 양쪽에 몇 개의 숫자를 표시합니까? 그러나 현재 페이지는 포함하지 않습니다.
초기값: 2

아래와 같이 변경해 보겠습니다.'mid_size' => 1, → 'mid_size' => 3,


다른 패턴.

prev_next

(참값) (선택 사항) 목록에 "이전"과 "다음"의 링크가 포함되어 있는지 여부.
초기값: true

우선은, 초기치의 상태입니다.


이것을 false로 변경하면,,



사라졌어요.

pre_text/next_text

prev_text

(문자열) (선택 사항) 이전 페이지에 대한 링크로 표시 할 문장. 'prev_next' 인수가 true 일 때만 작동합니다.
초기값: __('« Previous')

next_text

(문자열) (선택 사항) 다음 페이지에 대한 링크로 표시 할 문장. 'prev_next' 인수가 true 일 때만 작동합니다.
초기값: __('Next »')

현재의 <i class="fas fa-angle-left"></i> 이나 <i class="fas fa-angle-right"></i> 는,
FontAwesome을 읽고 표시합니다.

이것을 아래와 같이 바꾸어 보겠습니다.
<i class="fas fa-angle-left"></i> → 前へ<i class="fas fa-angle-right"></i> → 次へ

요약

플러그인을 사용하지 않아도 상당히 간단하게 구현할 수 있네요.
왜 WP-PageNavi가 인기인지 이마이치 이해할 수 없습니다.

왠지 이유가 있을까? 뭐 WP-PageNavi 계속 사용해 왔습니다만.

※자신용 메모(생성되는 코드)