wordpress 翻页 非插件

上次FORECE提到说我的翻页功能很烂,我一直懒得改,今天在网上逛的时候,刚好看到有一个修改方法,就拿过来改了,折腾了下搞定,非插件,代码的翻页修改方法。


分享给大家,代码来自木木木木木
代码如下:

添加功能代码至 functions.php(的php循环内)

function par_pagenavi($range = 9){
global $paged, $wp_query;
if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}
if($max_page > 1){if(!$paged){$paged = 1;}
if($paged != 1){echo “<a href=’” . get_pagenum_link(1) . “‘ class=’extend’ title=’跳转到首页’> 返回首页 </a>”;}
previous_posts_link(‘ 上一页 ‘);
if($max_page > $range){
if($paged < $range){for($i = 1; $i <= ($range + 1); $i++){echo “<a href=’” . get_pagenum_link($i) .”‘”;
if($i==$paged)echo ” class=’current’”;echo “>$i”;}}
elseif($paged >= ($max_page – ceil(($range/2)))){
for($i = $max_page – $range; $i < = $max_page; $i++){echo “<a href=’” . get_pagenum_link($i) .”‘”;
if($i==$paged)echo ” class=’current’”;echo “>$i”;}}
elseif($paged >= $range && $paged < ($max_page – ceil(($range/2)))){
for($i = ($paged – ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++){echo “<a href=’” . get_pagenum_link($i) .”‘”;if($i==$paged) echo ” class=’current’”;echo “>$i”;}}}
else{for($i = 1; $i < = $max_page; $i++){echo “<a href=’” . get_pagenum_link($i) .”‘”;
if($i==$paged)echo ” class=’current’”;echo “>$i”;}}
next_posts_link(‘ 下一页 ‘);
if($paged != $max_page){echo “<a href=’” . get_pagenum_link($max_page) . “‘ class=’extend’ title=’跳转到最后一页’> 最后一页 </a>”;}}
}

添加美化代码至主题style.css

.page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}

添加调用代码至主题index.php、archive.php、category.php、search.php
我只找到index.php和archive.php归档这2个文件,另外2个找不到,所以就没修改。可能跟我的主题有关系。

<div>< ?php par_pagenavi(9);?></div>

注:一般的主题都有本身的翻页代码,覆盖掉就OK了,具体情况自己看。

,

有 5 条《wordpress 翻页 非插件》的回复

  1. 就像你博客上翻页情况, :roll:

  2. 俺有个新博客也用wp了!!帅气~~

  3. 感觉你的翻页样式比我的好看多了

    • 你好
      .page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}
      .page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
      .page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}

发表评论

ctrl+enter

提醒:自动屏蔽广告和非中文评论!!!