wordpress站
ftp或者浮图面板经由过程账号进入wordpress站后台,在设置Setting--阅读Reading 里找到 栏目列表显示个数 我们选择6个,这样可以看到分页结果。

经由过程账号进入浮图面板找到网站地点目次,进入模板文件夹 找到里面的 functions.php文件。

进入编纂界面。将以下代码写入。注重保留。
// 分页代码
function par_pagenavi($range = 3){
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 "";}
if($max_page > $range){
if($paged < $range){for($i = 1; $i <= ($range + 1); $i++){echo "
";}}elseif($paged >= ($max_page - ceil(($range/2)))){
for($i = $max_page - $range; $i <= $max_page; $i++){echo "
";}}elseif($paged >= $range && $paged < ($max_page - ceil(($range/2)))){
for($i = ($paged - ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++){echo "";}}}
else{for($i = 1; $i <= $max_page; $i++){echo "
";}}next_posts_link(' »');
}
}

找到网站的栏目模板,在想分页的位置 插手代码
<?php par_pagenavi(5);?> 注重保留。
进行css美化。在栏目模板找个位置 写入css样式。这里仅仅为了演示,并不保举在模板直接写样式。可以另在css文件里,加上这个代码。
/*pagenavi*/
#page{width:100%;height:36px;line-height:36px;text-align:left;overflow:hidden;margin-left:auto;margin-right:auto;display:block;text-align:-moz-center;*text-align:center;text-align:center}
#page a{text-decoration:none;color:#FFF;background:#282828;display:inline-block;padding:9px 12px;margin:0 5px 0 0;line-height:16px;margin-right:3px}
#page a:hover,#page a.current{color:#FFF;background:#32a5e7}

最终成果见下图。

0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!