Hướng dẫn thêm chuyển hướng bài viết trước và tiếp theo trong cùng chuyên mục

Bài viết sau mình sẽ hướng dẫn các bạn thêm link chuyển hướng bài viết trước đó và bài viết tiếp theo trong cùng một chuyên mục được hiện thị dưới comment của bài viết.

Ví dụ minh họa:

Thêm đoạn code sau vào file function.php trong thư mục child theme:

// Previous and Next Post navigation in the same category in single Posts only
add_action('genesis_after_entry', 'sk_custom_post_nav');
function sk_custom_post_nav() {
 
	if ( !is_singular('post') )
		return;
	echo '<div class="prev-next-post-links">';
		previous_post_link('<div class="previous-post-link">&laquo; Previous Post: %link</div>', '<strong>%title</strong>', true);
		next_post_link('<div class="next-post-link">Next Post: %link &raquo;</div>', '<strong>%title</strong>', true);
	echo '</div>';
 
}

Thêm và chỉnh sửa css trong file style.css:

.prev-next-post-links {
	overflow: hidden;
	margin-bottom: 4rem;
}
 
.previous-post-link {
	float: left;
}
 
.next-post-link {
	float: right;
}