Người Viết : ViKiMi Editor

Phân trang giúp tăng hiệu quả Website và hiệu quả trải nghiệm dành cho Người dùng !
Phân trang là một tính năng hữu ích của WordPress, khi thiết kế Website chức năng này gần như luôn luôn có. Một Website phải đảm bảo có thật nhiều nội dung và đó là lý do phải thực hiện phân trang đối với Website. Thay vì phải dùng thanh cuộn qua tất cả các bài đăng một cách mệt mỏi, người dùng sẽ được sử dụng chức năng phân trang hiệu quả và không còn thấy mệt mỏi vì trang Website dài.
Phân trang quả đúng là một chức năng thần kì, chức năng này đã đem lại cho Website một bố cục thật thân thiện. Không chỉ có vậy, Phân trang còn đem lại cho Website một tốc độ hoạt động được cải thiện thấy rõ. Điều hướng phân trang có tác dụng thấy rõ rệt, tăng khả năng điều hướng Website, cộng thêm tăng trải nghiệm cho người dùng.
Tất cả những gì mà một người phát triển đều có đầy đủ với WordPress. Khi muốn dùng chức năng này, chỉ cần thực hiện bằng một vài mã lệnh hoặc có khi chỉ đơn giản đó là một Plugin hữu hiệu. Vậy Phân trang chính là việc chia danh sách các bài Posts thành các trang riêng biệt, người dùng có thể sử dụng cách nút “Trang Trước” & “Trang Tiếp” để điều hướng giữa các trang hoặc có thể chọn đến một trang số cụ thể.
Ở đây, Chúng ta sẽ đề cập đến việc phân trang sử dụng mã lệnh. Đây là một cách mà bạn có thể chủ động xử lý từng dòng lệnh và cũng có thể tuỳ chỉnh các hiển thị lại bằng CSS. Thật đơn giản, chỉ với một vài câu lệnh đã có thể hoàn thành. Theme được sử dụng là Twenty Sixteen, giúp dễ hơn cho Code bên dưới, có thể tuỳ chỉnh trên các Theme khác.
Thực hiện phân trang tại index.php tức là phân trang đơn giản nhất tại bố cục trang chủ của Theme. Chúng ta sử dụng các Functions sẵn có trong WordPress như dưới :
+ previous_posts_link();
+ next_posts_link();
+ the_posts_pagination();
Mã lệnh của chúng ta cần sử dụng như sau :
<div style=”display: inline-flex; width: 100%; “>
<div style=”width: 50%; font-weight: bolder;” class=”nav-previous”>
<?php next_posts_link( ‘Older posts’ ); ?>
</div>
<div style=”width: 49%; font-weight: bolder; text-align: right;” class=”nav-next”>
<?php previous_posts_link( ‘Newer posts’ ); ?>
</div>
</div>
<?php
while ( have_posts() ) : the_post();
get_template_part( ‘template-parts/content’, get_post_format() );
endwhile;
?>
<?php
// Previous/next page navigation.
the_posts_pagination(
array( ‘prev_text’ => __( ‘Previous page’, ‘twentysixteen’ ),
‘next_text’ => __( ‘Next page’, ‘twentysixteen’ ),
‘before_page_number’ => ‘<span class=”meta-nav screen-reader-text”>’ . __( ‘Page’, ‘twentysixteen’ ) . ‘ </span>’ )
);
Vì chúng ta thực hiện phân trang tại trang chủ (index.php) nên việc phân trang sẽ hiển thị tại trang chủ. Như đã thấy ở trên, tất cả các bài Posts đã được lấy với nội dung của Post sẽ được hiển thị nhờ vòng lặp. Mã Code phân trang chúng ta sẽ để tại vị trí đầu hoặc cuối của vòng lặp hiển thị bài đăng.
NHƯNG TRƯỚC HẾT, Hãy truy cập Dashboard! Thực hiện điều hướng Cài đặt (Setting) >> Đọc (Read) và tiếp theo là thiết lập số bài Posts được hiển thị trên một Page . Trong nội dung này sẽ chỉ thiết lập số bài Posts trên một Page là 2.
Kết quả hiển thị khi phân trang :
