wordpress CMS主题 微信
Home > wordpress主题常用函数 > 通过wp_link_pages()函数让wordpress文章分页显示

通过wp_link_pages()函数让wordpress文章分页显示

高时银博客 wordpress主题常用函数 点击: 2,964 次 0 0

有时候我们在wordpress网站发表文章时,文章可能会很长或者图片比较多,一个页面展示起来太长太累,怎么办呢?分页显示呗。这时候,我们就要用到一个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' => "下一页")); ?>

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 -否

用上面的代码替代你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;}
.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 下一页”的效果,是不是要好看一点。呵呵


文章作者:高时银博客
本文地址:http://wanlimm.com/77201404171756.html
版权所有 © 转载时必须以链接形式注明作者和原始出处!

目前还没有评论。赶快来坐沙发吧。

发表评论