wordpress文章分页及美化

来自 http://www.zzhck.com/815.html
可最近发表长文章，才发现到d8主题默认分页按钮无效，感觉很是纠结
今天忙完工作，参看了网络上各位前辈的代码，在本地做了各种尝试，发现了昂然前辈的一篇文章，可以完美解决wp主题不带有分页功能的问题
代码来源于：http://www.gaoxing.me/nextpage/
大家追求简洁效果的可以直接去看一下这篇文章，我这里只分享一下美化的代码
1.寻找主题目录中的single.php文件，搜索以下代码：

<?php the_content(); ?>

2.找到后在此行代码之下添加如下代码：

<?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' => "下一页")); ?>

3.保存single.php文件，为了让大家看一下分页效果，第四部操作请看下页！
4.打开主题的css文件，一般是style.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;}

好了，一切大功告成，发表新文章时，可以直接用可视化编辑器中的分页按钮或者在文本编辑器中插入：

<!--nextpage-->

来实现分页功能，大家可以扩展一下，自己也在文本编辑器上也添加一个按钮！

标签：WordPress