Post Navigation Code Genesis Child Themes Phần 9

Post Navigation là thêm liên kết điều hướng bài đăng trước và bài đăng sau trên trang bài viết. Đây cũng là một cách không tồi để giúp tăng thêm một vài lượt xem trang vì một số độc giả của bạn sẽ nhấp vào liên kết bài đăng tiếp theo & trước đó của bạn.

Kết nối tất cả các bài đăng của bạn với nhau không phải là một cách tồi để đảm bảo tất cả chúng đều được lập chỉ mục trong kết quả tìm kiếm.

Function.php file

Để thêm Post Navigation vào trang bài viết của Genesis Child Themes bạn sử dụng code dưới đây vào file function.php.

// Add Previous & Next Links in Genesis Single Post Page.
add_action('genesis_entry_footer', 'genesis_post_navigation', 20 );
function genesis_post_navigation() {
    if ( is_single ( ) ) {
	    ?>
        <div class="adjacent-entry-pagination pagination">
            <div class="pagination-previous alignleft">
				<span class="prev"><?php _e( 'Previous Post', 'genesis-child' ); ?></span><br><?php previous_post_link('%link', '%title'); ?>
            </div>
            <div class="pagination-next alignright">
				<span class="next"><?php _e( 'Next Post', 'genesis-child' ); ?></span><br><?php next_post_link('%link', '%title'); ?>
            </div>
        </div>
        <?php
    } 
}

Style.css file

Thêm một chút css vào file style.css 

.adjacent-entry-pagination {
	margin: 40px 0;
}

Lời kết

Đây là bài viết thuộc Serie hướng dẫn code genesis child themes. Nếu bạn sử dụng theme khác bạn có thể tham khảo Previous and Next Navigation Links in WordPress.

Tôi hy vọng bạn tìm thấy hướng dẫn này hữu ích. Nếu vậy, hãy xem xét chia sẻ nó với khán giả của bạn!