Hướng dẫn phân trang trong WordPress dùng Plugin và không Plugin

Có thể bạn quan tâmx

Hướng dẫn cách phân trang trong WordPress một cách đơn giản nhất

Phân trang trong WordPress là một yếu tố quan trọng của trang web của bạn. Nó giúp người dùng của bạn định vị các trang của bạn một cách dễ dàng. Trang web của bạn không cần phải có tất cả các chi tiết cần thiết trên một trang. Người dùng có thể phải truy cập nhiều trang để có được thông tin mong muốn của họ. Nó giúp cho trang web của bạn gọn gàng và chuyên nghiệp hơn rất nhiều.

Phân trang trong wordpress, nói một cách đơn giản, là một quá trình chia toàn bộ bài viết trong một danh mục thành các trang. Đây là một tùy chọn giúp bạn không phải tải tất cả các bài đăng của mình cùng một lúc. Vì nếu bạn làm như vậy, trang web của bạn sẽ mất nhiều thời gian để tải. Điều này sẽ không chỉ gây khó chịu cho người xem mà còn ảnh hưởng đến xếp hạng SEO của bạn . Google thích các trang web tải nhanh.

Cách thêm phân trang vào trang web WordPress của bạn

Có hai phương pháp chính để thêm phân trang trong WordPress. Một là thông qua plugin và một là dùng code tay. Trong bài viết này, chúng tôi sẽ cung cấp cho bạn một cái nhìn tổng quan về cách thêm phân trang trong WordPress bằng hai phương pháp này.

Phân trang trong WordPress dùng Plugin

Cách tốt nhất để thêm phân trang trong WordPress , trong trường hợp bạn không rành code, đó là sử dụng các plugin. Ngày nay có rất nhiều plugin WordPress có sẵn trên thị trường. Bạn chỉ nên chọn một trong số đó để tránh xung đột. Khi bạn tìm thấy một plugin phù hợp, tất cả những gì bạn cần làm là cài đặt và kích hoạt nó.

Dưới đây là hai plugin phân trang trong WordPress được sử dụng rộng rãi nhất

# 1. WP-PageNavi

Phân trang trong WordPress - Plugin Wp-PageNavi
Phân trang trong WordPress – Plugin Wp-PageNavi

WP-PageNavi là một plugin WordPress mạnh mẽ để phân trang. Nó cho phép bạn thay đổi điều hướng bình thường trước / sau thành một mẫu điều hướng trang được đánh số. Nó đi kèm với nhiều tùy chọn khác như vậy. Nếu bạn muốn thay thế các liên kết Bài đăng cũ hơn / Bài đăng mới hơn, thẻ mẫu plugin WP_Pagenavi () Nó tạo ra các liên kết phân trang lạ mắt. Nếu bạn có một chút kiến ​​thức về mã hóa, đây là một trong những plugin tốt nhất dành cho bạn.

# 2. WP Paginate 

Phân trang trong WordPress - Plugin WP-Paginate
Phân trang trong WordPress – Plugin WP-Paginate

WP Paginate là một plugin phân trang WordPress linh hoạt và đơn giản. Nó cải thiện trải nghiệm của người dùng với điều hướng nâng cao và dễ dàng trên trang web của bạn. Nó cho phép bạn thêm các nút được đánh số ở bất kỳ đâu trên trang web của mình. Bạn có thể tùy chỉnh các nút trang. Với plugin này, bạn có thể thêm CSS tùy chỉnh cho các liên kết phân trang bằng tab CSS tùy chỉnh trong phần Cài đặt. Đây là một plugin được ghi chép đầy đủ và thân thiện với người dùng. Ai cũng có thể sử dụng nó.

Phân trang trong wordpress không dùng Plugin:

Chỉ cần thêm đoạn mã sau vào cuối file functions.php trong theme wordpress của bạn .

// Numbered Pagination
if ( !function_exists( 'wpex_pagination' ) ) {
    
    function wpex_pagination() {
        
        $prev_arrow = is_rtl() ? '→' : '←';
        $next_arrow = is_rtl() ? '←' : '→';
        
        global $wp_query;
        $total = $wp_query->max_num_pages;
        $big = 999999999; // need an unlikely integer
        if( $total > 1 )  {
             if( !$current_page = get_query_var('paged') )
                 $current_page = 1;
             if( get_option('permalink_structure') ) {
                 $format = 'page/%#%/';
             } else {
                 $format = '&paged=%#%';
             }
            echo paginate_links(array(
                'base'			=> str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
                'format'		=> $format,
                'current'		=> max( 1, get_query_var('paged') ),
                'total' 		=> $total,
                'mid_size'		=> 3,
                'type' 			=> 'list',
                'prev_text'		=> $prev_arrow,
                'next_text'		=> $next_arrow,
             ) );
        }
    }
    
}

Thêm đoạn CSS trang trí cho phân trang:

ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }

Thêm chức năng phân trang vào theme wordpress của bạn

Để gọi lại hàm phân trang, nó thực sự đơn giản. Tất cả những gì bạn phải làm là thêm đoạn mã sau vào vị trí cần phân trang trong website wordpress của bạn.Phổ biến nhất là index.php, home.php, category.php, tags.php, archive.php và search.php. Ngoài ra, nếu bạn muốn phân trang ở các trang khác ngoài những trang này, thì cũng chỉ cần thêm đoạn mã sau vào vị trí cần phân trang.

Thay thế phân trang mặc định bằng phần sau (thường nằm ở đâu đó sau endif):

<? php wpex_pagination (); ?>

Như vậy là xong rồi đó, các bạn đã có thể phân trang trong wordpress một cách dễ dàng. Nếu các bạn không chuyên code, cách tốt nhất là nên dùng Plugin , để đỡ phải can thiệp vào code và làm lỗi trang web nhé !

Ah, Nếu bạn có nhu cầu mua theme wordpress việt hóa đã tùy chỉnh sẵn, giao diện kéo thả dễ dàng sử dụng, thì hãy vào đây để lựa chọn cho mình một theme ưng ý nhé :

https://webkhoinghiep.net/mau-giao-dien/

Bài viết liên quan