Code phân trang WordPress không cần plugin

Chào các bạn!

Mình thì không hứng thú mấy tới cái WordPress. Hum qua ngồi viết nghịch cái theme mobile cho nó, viết ra mấy cái này chia sẻ các bạn (cho ai cần)

1. Phân trang kiểu JohnCMS

Chèn đoạn code này vào file functions.php trong theme của bạn (chỗ nào tùy tâm)

/**<br /> * Phân trang Page Nav giống JohnCMS<br /> * Code bởi Quyetdaik<br /> */<br /> function wapvn_page_nav() {<br /> global $wp_query, $paged;<br /> $total = $wp_query->max_num_pages;<br /> if(!$total) $total = 1;<br /> if(empty($paged)) $paged = 1;<br /> if($total > 1) {<br /> $out = array();<br /> if($total > 5) {<br /> if($paged > 1) $out["> = '<a class="pagenav" href="' . get_pagenum_link-1 . '"><<</a>';<br /> if($paged > 3) $out["> = '<a class="pagenav" href="' . get_pagenum_link(1) . '">1</a>';<br /> if($paged > 4) $out["> = '<span style="font-weight: bold;">←</span>';<br /> }<br /> for 1; $i++) {<br /> if 3 || $i <= -3) || $total <= 5) {<br /> if ($i == $paged) {<br /> $out["> = '<span class="currentpage"><b>' . $i . '</b></span>';<br /> } else {<br /> $out["> = '<a class="pagenav" href="' . get_pagenum_link($i) . '">' . $i . '</a>';<br /> }<br /> }<br /> }<br /> if ($total > 5) {<br /> if 3) $out["> = '<span style="font-weight: bold;">→</span>';<br /> if 2) $out["> = '<a class="pagenav" href="' . get_pagenum_link($total) . '">' . $total . '</a>';<br /> if ($total > $paged) $out["> = '<a class="pagenav" href="' . get_pagenum_link1 . '">>></a>';<br /> }<br /> echo '<div class="topmenu">' . implode(' ', $out) . '</div>';<br /> }<br /> }

Sau đó chèn code này vào nơi hiện thị list bài viết của bạn:



Nếu bạn đã cài wp_pagenavi thì chính chỗ đó đấy.


Đây là đoạn CSS cho Pagenav nhé! Chèn vào file CSS của bạn.

.topmenu {<br /> background-color: #f9d9b0;<br /> font-size: 11px;<br /> padding: 4px;<br /> border: 1px solid #fff;<br /> }<br /> <br /> .currentpage {<br /> background-color: #f9d9b0;<br /> border: 1px solid #f9bc6d;<br /> padding: 0px 5px 0px 5px;<br /> color: #8f6c3f;<br /> }<br /> <br /> a.pagenav {<br /> background-color: #f0f7fc;<br /> border: 1px solid #6cb2e4;<br /> padding: 0px 5px 0px 5px;<br /> color: #2b485c;<br /> text-decoration: none;<br /> }<br /> <br /> a.pagenav:hover {<br /> background-color: #fff4e5;<br /> border: 1px solid #f9d9b0;<br /> color: #8f6c3f;<br /> }
Live Demo: http://blog.qdk.vn/