wordpress 文章分页 实用的wordpress长文章分页代码

2019-02-19 17:00:13王冬梅

二、添加分页功能
wordpress其实自带分页功能的函数,只是没有被调用。所以我们在编辑文章的时候,明明插入了分页符,却看不到什么变化。要怎么样才能让调用这个函数呢?方法很简单,在主题模板文件 single.php 中找到类似下面这行代码。


<?php the_content(); ?>

在这行代码后面添加如下所示的代码,即可实现简单的分页功能。


<?php wp_link_pages(); ?>

三、美化分页效果
虽然经过上面两步,已经可以实现长文章的分页功能了。但是不是那么好看,下面我们就把它美化一下,让分页效果更完美。
首先,把上一步的分页功能代码 替换为以下代码。


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

接着,再对CSS样式进行美化。
直接把下面这些代码,放到主题文件 style.css 最后面。


/**页面分页**/
.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;}

最后显示效果如下图所示:

四、解决文章分页后标题重复对SEO的影响
由于长文章分页后,这几个页面的标题是一样的。会不会对SEO带来不利的影响,我也不清楚。还是避免一下吧!可以通过给 wordpress 文章分页添加页码,解决标题重复的问题。我们可以把改成如下所示的效果:
简单实用的wordpress长文章分页代码 —冠朔wordpress插件
简单实用的wordpress长文章分页代码-第2页 — 冠朔wordpress插件
简单实用的wordpress长文章分页代码-第3页 — 冠朔wordpress插件
在主题模板文件 header.php 找到类似 <title>……</title> 代码,将其替换为如下代码。