不用插件完美实现WordPress长文章分页

不用插件完美实现WordPress长文章分页

 

Wordpress博客本身是有文章分页这个功能的,只不过默认给隐藏了。我们需要将这个功能激活,才能使用默认的文章分页功能。

标签 <!-–nextpage-–> 来对文章内容进行分页
如果你在文章中已经添加了<!–nextpage–>却没有显示出分页来,那么你就需要在相关的模板文件中加入一个函数。

在主题中找到文件 single.php ,找到类似下面的代码:

 

然后在后面加上:

 

 

这样就可以显示默认的分页效果了。

如果对默认的不满意,可以使用下面:

&link_after=&before=
页面:&after=&next_or_number=number'); ?>
&next_or_number=next&previouspagelink=上一页&nextpagelink=下一页'); ?>

如果你觉得还不够美观,可以自己修改CSS,下面是本博客使用的代码跟CSS。如果你喜欢,可以直接拿去使用。

'
分页阅读:', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一页', 'nextpagelink' => "")); ?> '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'', 'link_after'=>'')); ?> '', 'after' => '
', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")); ?>

 

/**页面分页**/
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold}
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;}
.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:#DDDDDD;color: #fff;}

效果如下:

分页内容被标签截断了abcd

efghi

jklnm