WordPress主题制作分页导航的调用
仿站知识 2016-03-20 2111 0 评论 admin

不管是企业主题还是博客主题,分类列表都需要分页导航,在wordpress主题模板的制作过程中,很多朋友都喜欢直接利用分页导航插件来实现,但是本人认为代码实现分页导航这个功能更加方便,如果一直依赖插件的话对SEO网站优化很不利,那么下面给大家分享一个利用代码就可以实现的分页导航功能的方法。

一、在函数文件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>";  
}
?>

二、在分类页面分页导航的位置添加调用代码:

1
<?php pagenavi(); ?>

三、直接调用的分页导航是不好看的,因为没有样式,所以我们还需要给分页导航添加样式,使得分页导航看起来十分美观,在style.css里添加如下代码,然后根据自己的需要改成自己喜欢的样式,这样就会得到你想要的效果了。

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/652.html

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

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

上一篇: 下一篇:

发表评论