用代码实现wordpress模板的分页导航
仿站知识 2014-10-11 3884 3 评论 admin

wordpress主题模板的制作过程中,代码实现分页导航这个功能通常都会被忽略掉,一般总喜欢直接调用默认的分页导航,然后在安装网站的时候安装一个WP-Pagenavi插件,但是这样依赖插件对SEO不利,那么现在给大家分享一个利用代码就可以实现的分页导航功能。

1、把下面的代码复制粘贴到functions.php函数文件中:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<?php
/* Pagenavi */  
function pagenavi( $before = '', $after = '', $p = 2 ) {  
if ( is_singular() ) return;  
global $wp_query, $paged;  
$max_page = $wp_query->max_num_pages;  
if ( $max_page == 1 ) return;  
if ( empty( $paged ) ) $paged = 1;  
echo $before.'<div id="pagenavi">'."\n";  
echo '<span class="pages">总共 ' . $max_page . ' 页 | 第 ' . $paged . ' 页</span>';  
if ( $paged > 1 ) p_link( $paged - 1, '上一页', '上一页' );  
if ( $paged > $p + 1 ) p_link( 1, 'First Page' );  
if ( $paged > $p + 2 ) echo '... ';  
for( $i = $paged - $p; $i <= $paged + $p; $i++ ) {  
if ( $i > 0 && $i <= $max_page ) $i == $paged ? print "<span class='page-numbers current'>{$i}</span>" : p_link( $i );  
}  
if ( $paged < $max_page - $p - 1 ) echo '... ';  
if ( $paged < $max_page - $p ) p_link( $max_page, 'Last Page' );  
if ( $paged < $max_page ) p_link( $paged + 1,'下一页', '下一页' );  
echo '</div>'.$after."\n";  
}  
function p_link( $i, $title = '', $linktype = '' ) {  
if ( $title == '' ) $title = "第 {$i} 页";  
if ( $linktype == '' ) { $linktext = $i; } else { $linktext = $linktype; }  
echo "<a class='page-numbers' href='", esc_html( get_pagenum_link( $i ) ), "' title='{$title}'>{$linktext}</a>";  
}
?>

2、在需要添加分页导航的地方添加以下代码:

1
<?php pagenavi(); ?>

3、给分页导航添加以下样式,当然如果你兼麻烦也可以不添加,采用默认的样式就行了。如果想好看点的话就跟据自己的模板样式进行修改。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/* pagenavi */  
#pagenavi a, #pagenavi a:visited, #pagenavi span {  
height: 25px;  
line-height: 25px;  
display: inline-block;  
padding: 1px 8px;  
}  
#pagenavi a, #pagenavi a:visited {  
margin: 0 2px;  
}  
#pagenavi span.pages {  
color: #777;  
font-weight: bold;  
margin-right: 10px;  
padding: 0;  
}  
#pagenavi span.current {  
margin: -2px 2px -1px;  
padding: 0 9px;  
height: 28px;  
line-height: 28px;  
text-align: center;  
}

这样就完成了一个代码实现分页导航的制作,又可以少装一个插件,呵呵。

继续浏览有关: , , 的文章
版权声明:版权归 wp仿站之家 所有,转载请注明出处!
转载请保留链接: http://www.linw.net/255.html

用心做最好的主题网站wp仿站之家

wp仿站之家是一个专业的wordpress仿站业务网站,提供wordpress主题模板下载以及seo网站优化服务,诚信经营,用心服务每一个客户,让您放心享受我们的优质服务。同时,也欢迎各位建站爱好者加入我们交流建站经验心得。

上一篇: 下一篇:

3则回应给“用代码实现wordpress模板的分页导航”

  1. 李莹香说道:

    还是代码好,装了插件又多一个JS,百度页面分析分数老上不去。

  2. jingwei说道:

    为什么我的显示不了,如果加在首页,加在哪个文件里边

发表评论