讓WordPress 部落格脫離外掛程式(實現主題分頁功能)
越少的使用外掛程式,卻能讓使用者完全體驗到主題的各項功能,才是真正好的主題,這也是所有主題設計者應考慮的問題。網上不使用外掛程式實現WordPress功能的文章也很多,之前我也寫過Wordpress關聯日誌函數一文,今天再補一個不使用外掛程式實現翻頁功能的函數代碼。
WordPress預設翻頁功能很弱,一頁頁翻,弄到你手麻,所以類似wp-pagenavi翻頁外掛程式,幾乎是WordPress部落格必裝的外掛程式,也是普及率很高的一款外掛程式。雖然網上有如何把wp-pagenavi外掛程式整合到WordPress主題的教學,但wp-pagenavi外掛程式函數代碼拖沓,只是變相啟用外掛程式而已,並沒有真正脫離wp-pagenavi外掛程式。下面一段輕量級的函數,加上寥寥數行css樣式就可以完全替代分頁外掛程式了。
讓WordPress 部落格脫離外掛程式(實現主題分頁功能)具體實現方法:
首先將下面一段函數代碼新增到主題的functions.php模板檔案中:
function kriesi_pagination($query_string){
global $posts_per_page, $paged;
$my_query = new WP_Query($query_string ."&posts_per_page=-1");
$total_posts = $my_query->post_count;
if(empty($paged))$paged = 1;
$prev = $paged – 1;
$next = $paged + 1;
$range = 2; // only edit this if you want to show more page-links
$showitems = ($range * 2)+1;
$pages = ceil($total_posts/$posts_per_page);
if(1 != $pages){
echo "<div class='pagination'>";
echo ($paged > 2 && $paged+$range+1 > $pages && $showitems < $pages)? "<a href='".get_pagenum_link(1)."'>最前</a>":"";
echo ($paged > 1 && $showitems < $pages)? "<a href='".get_pagenum_link($prev)."'>上一頁</a>":"";
for ($i=1; $i <= $pages; $i++){
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems )){
echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
}
}
echo ($paged < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($next)."'>下一頁</a>" :"";
echo ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($pages)."'>最後</a>":"";
echo "</div>
";
}
}
——————————————————————————–
【文章標題】: 讓WordPress 部落格脫離外掛程式(實現主題分頁功能)
【文章作者】: 部落格架站、行銷、賺錢術教學密訓基地
【作者信箱】: ster168ster@gmail.com
【作者首頁】: https://por.tw/blog/
【部落格架站、行銷、賺錢術教學課程】: https://por.tw/blog/E_learning/index.php
【基地主機】: http://goto1688.com/blog/
【版權聲明】: (原創)部落格架站、行銷、賺錢術教學密訓基地,轉載必須保留完整標頭。刪除者依法追究!
——————————————————————————–
接下來用下面的代碼取代原來模板中預設翻頁代碼或分頁外掛程式代碼:
<?php kriesi_pagination($query_string); ?>
最後再把下面的樣式代碼新增到style.css中,重整一下頁面,與使用外掛程式實現的翻頁效果一樣。
.pagination{
line-height:23px;
}
.pagination span, .pagination a{
font-size:12px;
margin: 2px 6px 2px 0;
background:#fff;
border:1px solid #e5e5e5;
color:#787878;
padding:2px 5px 2px 5px;
text-decoration:none;
}
.pagination a:hover{
background: #8391A7;
border:1px solid #fff;
color:#fff;
}
.pagination .current{
background: #fff;
border:1px solid #8d8d8d;
color:#393939;
font-size:12px;
padding:2px 5px 2px 5px;
}
上面的樣式是我目前用的主題樣式,根據不同的主題修改一下邊框與背景,基本就可以了,之後刪除分頁外掛程式。
——————————————————————————–
你在摸索如何架站部落格?如何展開行銷部落格、甚至賺錢嗎?有【技術顧問服務】可諮詢嗎?
當問題無法解決你要發很多時間處理(或許永遠找出答案)是獨自摸索部落格架站、行銷、賺錢痛苦的開始!
購買【部落格架站、行銷、賺錢術】DVD課程,就可獲得【部落格架站行銷賺錢】技術【顧問諮詢服務】!