Làm thế nào để phân trang trong wordpress

Thứ Ba, 30 tháng 9, 2014

Như chúng ta đã biết khi sử dụng ngôn ngữ WordPress muốn phân chia trang hầu hết sẽ dùng Plugin WP-PageNavi. Đơn giản chỉ việc cài và chạy. Nhưng có nhiều bạn không thích cài nhiều plugin cho một trang web sử dụng WordPress bởi vì họ nghĩ rằng cài nhiều thì cồng kềnh gây nặng website, tốc độ website tải chậm.

Làm thế nào để phân trang trong wordpress

Hôm nay tôi sẽ hướng Dẫn cho các bạn cách phân trang trong WordPress không cần sử fụng Plugin

Đầu tiên bạn kiểm tra theme bạn đang sử dụng có file functions.php hay không. Nếu không có thì hãy tạo một file trong thư mục Theme bạn đang dùng và thêm đoạn code sau vào:

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

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

<span style="color: #c0c0c0;">function page_nav() {

    if( is_singular() )

        return;

    global $wp_query;

    /** Stop execution if there's only 1 page */

    if( $wp_query->max_num_pages <= 1 )

        return;

    $paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;

    $max   = intval( $wp_query->max_num_pages );

    /**    Add current page to the array */

    if ( $paged >= 1 )

        $links[] = $paged;

    /**    Add the pages around the current page to the array */

    if ( $paged >= 3 ) {

        $links[] = $paged - 1;

        $links[] = $paged - 2;

    }

    if ( ( $paged + 2 ) <= $max ) {

        $links[] = $paged + 2;

        $links[] = $paged + 1;

    }

    echo '<div class="navigation"><ul>' . "\n";

    /**    Previous Post Link */

    if ( get_previous_posts_link() )

        printf( '<li>%s</li>' . "\n", get_previous_posts_link() );

    /**    Link to first page, plus ellipses if necessary */

    if ( ! in_array( 1, $links ) ) {

        $class = 1 == $paged ? ' class="active"' : '';

        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );

        if ( ! in_array( 2, $links ) )

            echo '<li>…</li>';

    }

    /**    Link to current page, plus 2 pages in either direction if necessary */

    sort( $links );

    foreach ( (array) $links as $link ) {

        $class = $paged == $link ? ' class="active"' : '';

        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );

    }

    /**    Link to last page, plus ellipses if necessary */

    if ( ! in_array( $max, $links ) ) {

        if ( ! in_array( $max - 1, $links ) )

            echo '<li>…</li>' . "\n";

        $class = $paged == $max ? ' class="active"' : '';

        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );

    }

    /**    Next Post Link */

    if ( get_next_posts_link() )

        printf( '<li>%s</li>' . "\n", get_next_posts_link() );

    echo '</ul></div>' . "\n";

}</span>

Bước 2: Tiếp thep các bạn thêm Giao Diện Cho Pagination

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

<span style="color: #ff0000;"><span style="color: #c0c0c0;">.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled {

    color: #fff;

    text-decoration:none;

}

.navigation li {

    display: inline;

}

.navigation li a,

.navigation li a:hover,

.navigation li.active a,

.navigation li.disabled {

    background-color: #6FB7E9;

    border-radius: 3px;

    cursor: pointer;

    padding: 12px;

    padding: 0.75rem;

}

.navigation li a:hover,

.navigation li.active a {

    background-color: #3C8DC5;</span>

}</span>

Bạn thay đổi các giá trị sao cho phù hợp với blog của mình nhé!

Cuối cùng chỉ cần hiển thị cái Pagination ra ngoài front-end thôi. Thêm đoạn code này vào nới bạn muốn hiển thị

1

<span style="color: #c0c0c0;"><?php page_nav(); ?></span>

Hoàn thành các bước trên thì các bạn đã tạo cho mình một phân trang mà không cần sử dụng bất cứ plugin nào.

Tags: thiet-ke-website

HỖ TRỢ ONLINE

LIÊN KẾT VỚI CHÚNG TÔI

BÀI ĐĂNG MỚI NHẤT

THEO DÕI CHÚNG TÔI TRÊN FACEBOOK

Làm thế nào để phân trang trong wordpress

Bước 2: Tiếp thep các bạn thêm Giao Diện Cho Pagination

Comments[ 0 ]

Đăng nhận xét

CÔNG TY CỔ PHẦN DỮ LIỆU TRỰC TUYẾN VIỆT NAM

Yahoo: rose_ctu

Email: thanhhongqd@gmail.com