Previous and Next Navigation Links in WordPress

Liên kết điều hướng trước và sau là một cách không tồi để giúp tăng thêm vài lượt xem trang. Một số độc giả của bạn sẽ nhấp vào Previous And Next Navigation Links.

Thêm liên kết điều hướng trên Post

Để thêm liên kết điều hướng bài đăng vào post đơn giản và ngắn gọn hơn page. Nếu bạn sử dụng themes cha bạn có thể mở file single.php chèn code như hình ảnh phía dưới.

// Add Previous & Next Links
<div class="prev-next">
            <div class="prev-link">
				<span class="prev"><?php _e( 'Previous Post', 'longviet' ); ?></span><br><?php previous_post_link('%link', '%title'); ?>
            </div>
            <div class="next-link">
				<span class="next"><?php _e( 'Next Post', 'longviet' ); ?></span><br><?php next_post_link('%link', '%title'); ?>
            </div>
        </div>

Bạn cũng có thể sử dụng hook để thêm liên kết diều hướng. Code bên dưới bạn hãy copy và pate nó vào file function.php của theme.

// Create Add Previous & Next Links.
if ( !class_exists( 'AddPreviousNextLinksPost' ) ) {
	class AddPreviousNextLinksPost {
		function __construct() {
			add_filter(	'the_content', array( $this,'previous_next_links') );
		}
		public function previous_next_links( $content ) {
			if ( is_singular( array( 'post' ) ) ) { // Display On post, page
				
				$previous_next_links = $this->get_after_content();
		    	$content.= apply_filters('previous_next_links', $previous_next_links );
			}
		   	return $content;
		} // Star Display On After
		public function get_after_content() {
			ob_start();
			previous_next_links_post();
			$previous_next_links = ob_get_contents();
			ob_end_clean();
			return $previous_next_links;
		} // End Display On After
	}
	new AddPreviousNextLinksPost(); 
}

// Create Add Previous & Next Links.
if ( ! function_exists( 'previous_next_links_post' ) ):
function previous_next_links_post() {
	?>
		<div class="prev-next">
            <div class="prev-link">
				<span class="prev"><?php _e( 'Previous Post', 'longviet' ); ?></span><br><?php previous_post_link('%link', '%title'); ?>
            </div>
            <div class="next-link">
				<span class="next"><?php _e( 'Next Post', 'longviet' ); ?></span><br><?php next_post_link('%link', '%title'); ?>
            </div>
        </div>
	<?php
}
endif;

Thêm liên kết điều hướng trên Page

Để thêm liên kết điều hướng trên page bạn hãy copy và pate code dưới vào file function.php của theme.

// Create Add Previous & Next Links.
if ( !class_exists( 'AddPreviousNextLinksPage' ) ) {
	class AddPreviousNextLinksPage {
		function __construct() {
			add_filter(	'the_content', array( $this,'previous_next_links') );
		}
		public function previous_next_links( $content ) {
			if ( is_singular( array( 'page' ) ) ) { // Display On post, page
				
				$previous_next_links = $this->get_after_content();
		    	$content.= apply_filters('previous_next_links', $previous_next_links );
			}
		   	return $content;
		} // Star Display On After
		public function get_after_content() {
			ob_start();
			previous_next_links_page();
			$previous_next_links = ob_get_contents();
			ob_end_clean();
			return $previous_next_links;
		} // End Display On After
	}
	new AddPreviousNextLinksPage(); 
}

// Create Add Previous & Next Links.
if ( ! function_exists( 'previous_next_links_page' ) ):
function previous_next_links_page() {

	$pagelist = get_pages('sort_column=menu_order&sort_order=asc');
	$pages = array();
	foreach ($pagelist as $page) {
	   $pages[] += $page->ID;
	}

	$current = array_search(get_the_ID(), $pages);
	$prevID = $pages[$current-1];
	$nextID = $pages[$current+1];
	?>
		<div class="navigation">
			<?php if (!empty($prevID)) { ?>
			<div class="prev-link">
			<a href="<?php echo get_permalink($prevID); ?>"
			  title="<?php echo get_the_title($prevID); ?>"><?php _e( 'Previous', 'longviet' ); ?></a>
			</div>
			<?php }
			if (!empty($nextID)) { ?>
			<div class="next-link">
			<a href="<?php echo get_permalink($nextID); ?>" 
			 title="<?php echo get_the_title($nextID); ?>"><?php _e( 'Next', 'longviet' ); ?></a>
			</div>
			<?php } ?>
		</div><!-- .navigation -->
	<?php
}
endif;

Lời kết

Như vậy bạn có thể tùy chỉnh liên kết điều hướng Previous And Next Navigation Links trang trước và trang sau của post, page mà không cần dùng plugin.

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!