有时候我们在wordpress网站发表文章时,文章可能会很长或者图片比较多,一个页面展示起来太长太累,怎么办呢？分页显示呗.

这时候,我们就要用到一个wordpress函数——wp_link_pages()了,那么,怎样通过wp_link_pages()函数来实现wordpress文章的分页显示呢？下面,一起来看看吧.

首先,我们到文章页模板文件single.php里查找一下有没有wp_link_pages()函数,如果没有,我们给添加上,然后我们在写文章时,在文章需要分页的地方添加上<!–nextpage–>标签(注意:不是在“可视化”下添加,而是在“文本”状态下添加,这样才有效果),接下来我们打开文章的时候就会显示“页面:1 2 3 ”这样的分页效果.

是不是觉得这种效果太简单,想要好看一点的,别急,下面就是一种比较炫一点的分页效果代码:

1. <?php wp_link_pages(array(‘before’ => ‘<div class=”Pages”>>文章分页：’, ‘after’ => ”, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ‘上一页’, ‘nextpagelink’ => “”)); ?> 
2.     <?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘number’, ‘link_before’ =>’<span>’, ‘link_after’=>’</span>’)); ?> 
3.     <?php wp_link_pages(array(‘before’ => ”, ‘after’ => ‘</div>’, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ”, ‘nextpagelink’ => “下一页”)); ?> 

用上面的代码替代你single.php文件中的wp_link_pages(),再在style.php文件中添加如下的CSS代码:

1. .fenye{text-align:center;margin:0px auto 10px;} 
2. .fenye span{background-color:#C73503;color:#fff;font-weight: bold;margin:0px 1px;padding:3px 6px;text-decoration:none;border:1px solid #D2D2D2;} 
3. .fenye a{text-decoration:none;} 
4. .fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;} 
5. .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 -否

Tags: wp_link_pages 文章分页显示

分享到：