这时候,我们就要用到一个wordpress函数——wp_link_pages()了。那么,怎样通过wp_link_pages()函数来实现wordpress文章的分页显示呢?下面,一起来看看吧。
首先,我们到文章页模板文件single.php里查找一下有没有wp_link_pages()函数,如果没有,我们给添加上。然后我们在写文章时,在文章需要分页的地方添加上<!–nextpage–>标签(注意:不是在“可视化”下添加,而是在“文本”状态下添加,这样才有效果),接下来我们打开文章的时候就会显示“页面: 1 2 3 ”这样的分页效果。
是不是觉得这种效果太简单,想要好看一点的。别急,下面就是一种比较炫一点的分页效果代码:
代码如下 | 复制代码 |
<?php wp_link_pages(array(‘before’ => ‘<div class=”Pages”>>文章分页:’, ‘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’ => “下一页”)); ?> |
用上面的代码替代你single.php文件中的wp_link_pages(),再在style.php文件中添加如下的CSS代码:
代码如下 | 复制代码 |
.fenye{text-align:center;margin:0px auto 10px;} .fenye span{background-color:#C73503;color:#fff;font-weight: bold;margin:0px 1px;padding:3px 6px;text-decoration:none;border:1px solid #D2D2D2;} .fenye a{text-decoration:none;}www.111cn.net .fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;} .fenye a:hover span{background-color:#c73503;color: #fff;} |
通过上面的代码可以实现如“>文章分页: 上一页 1 2 3 下一页”的效果,是不是要好看一点。呵呵
wp_link_pages()函数参数详解:
before:(字符串)所有链接前的文本。默认为<p>pages:。
after:(布尔)所有链接后的文本 。默认为</p>。
link_before:(字符串)单个链接文本前的文本。默认为空。
link_after:(字符串)单个链接文本后的文本。默认为空。
next_or_number:(字符串)是否指明页面数。值:number -(默认)即显示页面数。
nextpagelink:(字符串)链接到下一页的文本。默认为Next page。
previouspagelink:(字符串)链接到上一页的文本。默认为Previous page。
pagelink:(字符串)页面数的字符串格式。默认为%,它可以生成诸如”1″,”2″这类数字。
more_file:(字符串)链接应指向的页。默认为当前页。
echo:(布尔)是否输出或返回结果。1 -是(默认);0 -否