Phân trang WordPress không cần dùng plugin

Nếu bạn muốn làm phân trang WordPress mà không cần dùng plugin thì bài viết này mình sẽ hướng dẫn cho bạn cách tạo pagination cho blog của bạn nhanh chóng. Việc tạo phân trang là rất cần thiết trong …

Nếu bạn muốn làm phân trang WordPress mà không cần dùng plugin thì bài viết này mình sẽ hướng dẫn cho bạn cách tạo pagination cho blog của bạn nhanh chóng.
Việc tạo phân trang là rất cần thiết trong quá trình thiết kế giao diện cho WordPress. Nếu bạn có ý định muốn dùng plugin để làm việc này thì có thể đọc qua bài viết để tham khảo, còn nếu bạn muốn tích hợp phân trang vào giao diện WordPress mà không cần dùng plugin thì Sáu sẽ giúp cho bạn cách cài đặt.
Bước 1: Tạo các hàm PHP liên quan đến phân trang
Kiểm tra xem trong thư mục giao diện WordPress của bạn đã có tập tin functions.php hay chưa? Nếu chưa có tập tin này thì hãy tạo một cái mới và sao chép toàn bộ đoạn mã phía dưới rồi bỏ vào tập tin này.

<?php
function
 SPaginate()
{
$currentPage = null;
$totalPage = null;
    global $wp_query;
    $currentPage = intval(get_query_var('paged'));
    if(empty($currentPage))
    {
        $currentPage = 1;
    }
    $totalPage = intval(ceil($wp_query->found_posts / 
intval(get_query_var('posts_per_page'))));
    if($totalPage <= 1)
    {
        return '';
    }
    $paginateResult = '<div id="sPaginate" 
class="spaginate">
<div class="spaginate-inner">
<span 
class="spaginate-title">Pages:</span>';

    if ($currentPage > 1)
    {
        $paginateResult .= '<a href="'.get_pagenum_link($currentPage -
 1).'">«</a>';
    }
    $paginateResult .= ListLink(1, $totalPage, $currentPage);
    if ($currentPage < $totalPage)
    {
        $paginateResult .= "<a href='" . 
get_pagenum_link($currentPage + 1) . "' 
class='spaginate-next'>»</a>";
    }
    $paginateResult .= "</div>
</div>
";
    echo $paginateResult;
    return $paginateResult;
}

function ListLink($intStart, $totalPage, $currentPage)
{
    $pageHidden = '<span 
class="spaginate-hidden">...</span>';
    $linkResult = "";
    $hiddenBefore = false;
    $hiddenAfter = false;
    for ($i = $intStart; $i <= $totalPage; $i++)
    {
        if($currentPage === intval($i))
        {
            $linkResult .= '<span 
class="spaginate-current">'.$i.'</span>';
        }
        else if(($i <= 6 && $currentPage < 10) || $i == 
$totalPage || $i == 1 || $i < 4 || ($i <= 6 && $totalPage 
<= 6) || ($i > $currentPage && ($i <= ($currentPage + 
2))) || ($i < $currentPage && ($i >= ($currentPage - 2))) 
|| ($i >= ($totalPage - 2) && $i < $totalPage))
        {
            $linkResult .= '<a class="spaginate-link" 
href="'.get_pagenum_link($i).'">'.$i.'</a>';
            if($i <= 6 && $currentPage < 10)
            {
                $hiddenBefore = true;
            }
        }
        else
        {
            if(!$hiddenBefore)
            {
                $linkResult .= $pageHidden;
                $hiddenBefore = true;
            }
            else if(!$hiddenAfter && $i > $currentPage)
            {
                $linkResult .= $pageHidden;
                $hiddenAfter = true;
            }
        }
    }
    return $linkResult;
}
?>

<?php

function SPaginate()

{

$currentPage = null;

$totalPage = null;

global $wp_query;

$currentPage = intval(get_query_var('paged'));

if(empty($currentPage))

{

$currentPage = 1;

}

$totalPage = intval(ceil($wp_query->found_posts / intval(get_query_var('posts_per_page'))));

if($totalPage <= 1)

{

return '';

}

$paginateResult = '<div id="sPaginate" class="spaginate"><div class="spaginate-inner"><span class="spaginate-title">Pages:</span>';

if ($currentPage > 1)

{

$paginateResult .= '<a href="'.get_pagenum_link($currentPage - 1).'">«</a>';

}

$paginateResult .= ListLink(1, $totalPage, $currentPage);

if ($currentPage < $totalPage)

{

$paginateResult .= "<a href='" . get_pagenum_link($currentPage + 1) . "' class='spaginate-next'>»</a>";

}

$paginateResult .= "</div></div>";

echo $paginateResult;

return $paginateResult;

}

function ListLink($intStart, $totalPage, $currentPage)

{

$pageHidden = '<span class="spaginate-hidden">...</span>';

$linkResult = "";

$hiddenBefore = false;

$hiddenAfter = false;

for ($i = $intStart; $i <= $totalPage; $i++)

{

if($currentPage === intval($i))

{

$linkResult .= '<span class="spaginate-current">'.$i.'</span>';

}

else if(($i <= 6 && $currentPage < 10) || $i == $totalPage || $i == 1 || $i < 4 || ($i <= 6 && $totalPage <= 6) || ($i > $currentPage && ($i <= ($currentPage + 2))) || ($i < $currentPage && ($i >= ($currentPage - 2))) || ($i >= ($totalPage - 2) && $i < $totalPage))

{

$linkResult .= '<a class="spaginate-link" href="'.get_pagenum_link($i).'">'.$i.'</a>';

if($i <= 6 && $currentPage < 10)

{

$hiddenBefore = true;

}

else

{

if(!$hiddenBefore)

{

$linkResult .= $pageHidden;

$hiddenBefore = true;

}

else if(!$hiddenAfter && $i > $currentPage)

{

$linkResult .= $pageHidden;

$hiddenAfter = true;

}

return $linkResult;

}

Nếu bạn có bất cứ thắc mắc nào về đoạn code trên thì cứ trả lời lại bài viết này nhé.
Bước 2: Tạo giao diện cho phân trang
Hãy mở tập tin style.css lên và cho vào tập tin này những dòng css sau để có thể tạo được giao diện cho phân trang bạn nhé.

.spaginate-inner {
    background: none repeat scroll 0 0 #F0F0F0;
    clear: both;
    height: 34px;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-top: 16px;
}
.spaginate a {
    border: 1px solid #DDDDDD;
    color: #666666;
    margin-right: 5px;
    padding: 4px 8px;
    text-align: center;
    text-decoration: none;
}
.spaginate .spaginate-title {
    color: #555555;
    margin-right: 4px;
}
.spaginate .spaginate-hidden {
    color: #999999;
    margin-right: 4px;
}
.spaginate a:hover, .spaginate a:active, .spaginate .spaginate-current {
    background: none repeat scroll 0 0 #00ADEF;
    border: 1px solid #0A95D8;
    color: #FFFFFF;
    margin-right: 5px;
    padding: 4px 8px;
}

.spaginate {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CFCFCF;
    clear: both;
    height: 50px;
    margin-bottom: 10px;
    padding: 1px;
}

.spaginate-inner {

background: none repeat scroll 0 0 #F0F0F0;

clear: both;

height: 34px;

margin-bottom: 20px;

padding-left: 15px;

padding-top: 16px;

}

.spaginate a {

border: 1px solid #DDDDDD;

color: #666666;

margin-right: 5px;

padding: 4px 8px;

text-align: center;

text-decoration: none;

}

.spaginate .spaginate-title {

color: #555555;

margin-right: 4px;

}

.spaginate .spaginate-hidden {

color: #999999;

margin-right: 4px;

}

.spaginate a:hover, .spaginate a:active, .spaginate .spaginate-current {

background: none repeat scroll 0 0 #00ADEF;

border: 1px solid #0A95D8;

color: #FFFFFF;

margin-right: 5px;

padding: 4px 8px;

}

.spaginate {

background: none repeat scroll 0 0 #FFFFFF;

border: 1px solid #CFCFCF;

clear: both;

height: 50px;

margin-bottom: 10px;

padding: 1px;

}

Bạn có thể chỉnh sửa lại những dòng css trên cho phù hợp với sở thích của bạn.
Bước 3: Sử dụng phân trang
Cuối cùng là bạn hãy đặt dòng code sau vào nơi bạn thích phân trang xuất hiện:

<?php
if (function_exists("SPaginate"))
{
    SPaginate();
}
?>

<?php

if (function_exists("SPaginate"))

{

SPaginate();

}

Vậy là bạn đã có thể tạo được phân trang cho WordPress. Chúc các bạn thành công !

3/29/2014

Phân trang WordPress không cần dùng plugin

Nếu bạn muốn làm phân trang WordPress mà không cần dùng plugin thì bài viết này mình sẽ hướng dẫn cho bạn cách tạo pagination cho blog của bạn nhanh chóng. Việc tạo phân trang là rất cần thiết trong …

Author: con cho

RELATED STORIES

0 comments:

Tìm kiếm

Mạng đa phương tiện

Bài viết phổ biến

Tất cả danh mục

Bài viết mới nhất