Code phân trang wordpess - Code file functions.php 2021

Code phân trang wordpess – 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.

Code Phân trang trong wordpress của bạn

Code phân trang wordpess - Code file functions.php — Code phân trang wordpess – Code file functions.php

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.

1 – Phân trang trong WordPress dùng Plugin

# 1. WP-PageNavi

# 2. WP Paginate

2 – Code 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, ) ); } } }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

// 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 Code phân trang wordpess :

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 }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

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 }

Code phân trang wordpess - Code file functions.php 2021 — Code phân trang wordpess – Code file functions.php

Thêm chức năng code phân trang wordpress 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é !