重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
wordpress内置了很多分页的函数,我可以通过传参很方便的就完成分页功能,只要你有一些css的基础,很容易就可以实现各式各样的分页样式,我们来看看有哪些
网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了马龙免费建站欢迎大家使用!
一、paginate_links()
例:?php echo paginate_links(array( 'prev_next' = 0, 'before_page_number' = '', 'mid_size' = 2,));?
二、the_posts_pagination()
例:
?php
the_posts_pagination( array('mid_size' = 3,'prev_text' ='上一页','next_text' ='下一页','before_page_number' = 'span class="meta-nav screen-reader-text"第 /span','after_page_number' = 'span class="meta-nav screen-reader-text" 页/span',) ); ?
三、自定义函数,把以下代码放入主题目录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 "a href='" . get_pagenum_link(1) . "' class='extend' title='跳转到首页'«/a";}
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/a";}}
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/a";}}
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/a";}}}
else{for($i = 1; $i = $max_page; $i++){echo "a href='" . get_pagenum_link($i) ."'";
if($i==$paged)echo " class='current'";echo "$i/a";}}
next_posts_link(' »');}}
模板中调用方法:
div id="page"?php par_pagenavi(5); ?/div
附带一点css样式仅供参考:
#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}
工具:WordPress
步骤:
1、给WordPress文章编辑器添加显示分页按钮,默认没有添加,修改 /wp-includes 目录下的 class-wp-editor.php 文件,在标签'wp_more',后面添加以下代码'wp_page',即可。
2、就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more 标签按钮相似的图标,这个便是插入分页的按钮。
3、某个段落之前插入一个分页符,即把光标定位到要分页的位置,然后点击下分页按钮,就会自动插入一个分页符。
4、在主题模板文件 single.php 中找到类似下面这行代码。?php the_content(); ?
在这行代码后面添加如下所示的代码,即可实现简单的分页功能。
/br?php wp_link_pages(array('before' = 'div class="fenye"文章分页:', 'after' = '', 'next_or_number' = 'next', 'previouspagelink' = '上一页', 'nextpagelink' = "")); ?
?php wp_link_pages(array('before' = '', 'after' = '', 'next_or_number' = 'number', 'link_before' ='span', 'link_after'='/span')); ?
?php wp_link_pages(array('before' = '', 'after' = '/div', 'next_or_number' = 'next', 'previouspagelink' = '', 'nextpagelink' = "下一页")); ?
一,分类(category.php),归档页面(archive.php)及标签页面(tag.php)可以使用默认的分页函数:
section id="nav_below" class="navigation"
div class="nav_previous"?php next_posts_link('span class="meta-nav"laquo;/span Older posts' ) ?/div
div class="nav_next"?php previous_posts_link('Newer posts span class="meta-nav"raquo;/span' ) ?/div
div class="clear"/div
/section
当然,这种分页方式只有前一页后一页。
如果想采用数字序号式分页,可以安装插件 wp-pagenavi
二,文章内部分页:
如果单片文章插入分页符:
!--nextpage--
就可以完成数字分页。
这个功能由single.php中的函数控制,函数是:
?php wp_link_pages('before=div class="page-link"' .'Pages:' . 'after=/div') ?
如果没有,记得插入到
?php the_content() ?
下方。