Người Viết : ViKiMi Editor

Thêm điều hướng Post Navigation cho Website WP , Hiển thị dễ dàng với Single Page !
Khi sử dụng Wordpress đã quen và thành thạo, chắc chắn rằng việc phân trang cho một Page sẽ vô cùng đơn giản. Phân trang nhằm tạo ra hiệu quả khi dùng Website được thuận tiện. Nhưng không dừng ở đấy, việc phân trang với WordPress còn hiệu quả hơn nữa nếu có thể trực tiếp tạo các navigation tới những bài viết trước và sau.
Thật tốt khi ngay cả trong Single Page mà WordPress vẫn cung cấp cho chúng ta chức năng điều hướng dễ dàng tới bài Posts Trước và Sau của Post đang hiển thị hiện tại. Chức năng này được gọi là post navigation, điều này không khó mà lại giúp cho chúng ta điều hướng đẹp mắt.
Cách sử dụng Function này :
the_post_navigation( array $args = array() )
Mảng array bao gồm các giá trị chính truyền vào :
prev_text : Văn bản hiển thị liên kết bài viết trước
next_text : Văn bản hiển thị liên kết bài viết tiếp theo
in_same_term : Có hay không các liên kết nằm trong cùng một Term
excluded_terms : Mảng hoặc danh sách term IDs bị loại trừ được phân tách bằng dấu phẩy.
screen_reader_text : Văn bản trình đọc màn hình cho phần tử nav
aria_label : Văn bản nhãn AREA cho phần tử nav . Mặc định ‘Posts’
class : Class tuỳ chỉnh cho phần tử nav
Tại File Single.php thực hiện mã Code như sau :
<main id=”main” class=”site-main”>
<?php
// Start the loop.
while ( have_posts() ) : the_post();
/* Include template content-single.php */
get_template_part( ‘template-parts/content’, ‘single’ );
/* Display navigation to next/previous post */
if ( is_singular( ‘post’ ) ) {
// Previous/next post navigation.
the_post_navigation(
array(
‘next_text’ => ‘<span class=”meta-nav” aria-hidden=”true”>’ . __( ‘Next’, ‘twentysixteen’ ) . ‘</span> ‘ . ‘<span class=”screen-reader-text”>’ . __( ‘Next post:’, ‘twentysixteen’ ) . ‘</span> ‘ . ‘<span class=”post-title”>%title</span>’,
‘prev_text’ => ‘<span class=”meta-nav” aria-hidden=”true”>’ . __( ‘Previous’, ‘twentysixteen’ ) . ‘</span> ‘ . ‘<span class=”screen-reader-text”>’ . __( ‘Previous post:’, ‘twentysixteen’ ) . ‘</span> ‘ . ‘<span class=”post-title”>%title</span>’,
)
);
}
// End the loop.
endwhile;
?>
</main>
Kết quả hiển thị như mong muốn :
