Hướng dẫn chỉnh Previous Post và Next Post trong website WordPress

Thông thường trong website wordpress, sau khi bạn tải theme về và thiết lập, thì mặc định WordPress thường có ngôn ngữ Tiếng Anh. Để tùy chỉnh một số thành phần như Previous Post và Next Post thành Tiếng Việt bạn có thể sử dụng 1 trong 3 Plugin sau để tùy chỉnh.

3 Plugin cho phép tùy chỉnh Previous Post và Next Post
Tùy chỉnh Previous Post và Next Post với 1 trong 3 Plugin sau:
1/ Random Post button có thể tùy chỉnh Previous Post và Next Post hiển thị bài đăng theo cách random ngẫu nhiên
2/ Ambrosite next/Previous Post link giúp bạn tùy chỉnh cả Next/Previous link cho các bài viết và pages một cách dễ dàng.
3/ WP Post Navigation là một trong những plugin đơn giản cho phép bạn có thể tùy chỉnh Next/Previous link cho các bài viết.
Trên đây là 3 plugin giúp bạn tùy chỉnh Next/Previous link cho website của mình.

Cách tùy chỉnh Previous Post và Next Post bằng code
Ngoài ra, bạn cũng có thể tùy chỉnh Next/Previous link bằng code, bằng cách truy cập vào Appearance > Theme Editor sau đó tùy chỉnh thẻ div như sau trong theme Fortune, đối với theme khác bạn có thể xem xét cách làm tương tự:

<div class="post-nav">
	<?php next_post_link('%link', '<i class="fa fa-long-arrow-left"></i> ' . __('Previous Post', 'fortune') ); ?>
	<?php previous_post_link('%link', __('Next', 'fortune') . ' <i class="fa fa-long-arrow-right"></i>'); ?>
</div>

Sau đó sửa Next/Previous tùy ý, ví dụ như: “bài kế tiếp”/”bài trước”, sau đó lưu lại.

<div class="post-nav">
	<?php next_post_link('%link', '<i class="fa fa-long-arrow-left"></i> ' . __('bài viết trước', 'fortune') ); ?>
	<?php previous_post_link('%link', __('bài kế tiếp', 'fortune') . ' <i class="fa fa-long-arrow-right"></i>'); ?> 
</div>

Kết quả hiển thị:

Trên đây là đôi dòng để bạn tùy chỉnh Next/Previous link cho bài viết hoặc Pages, hy vọng bài viết giúp ích cho bạn!