wordpress文章分页如何为标题添加页码

这次又来折腾Wordpress了。作为博客，我一直觉得WordPress的文章不应该像微博一样就只有短短几十个字，否则就是浪费网民朋友的宝贵的上网时间，毕竟别人搜索过来看我的文章也不容易。

所以一般我会在一篇文章当中将某一个问题完全讲清楚，例如我介绍免费空间时喜欢将申请、使用、安装、测试等一系列的过程全部展现给大家，方便大家借鉴我的方法来操作。

不过这样做我发现一方面会导致Wordpress的单篇文章的内容非常多，另一方面加上我喜欢用图片代替文字，所以导致免费资源部落的文章很长，不少朋友总是抱怨说我的文章页面需要用鼠标用力拖动才能看完。

所以这次我就专门针对Wordpress长文章进行优化：实现文章分页。将长长的一篇文章分成几篇，好处也有不少，例如大家不用反复拖动就可以看完全部内容、翻页多了也就增加了PV、另外还可以增加收录。

当我们对Wordpress长篇文章实现分页后，还需要对标题添加页码，形成：xxxx-第几页 的样子，这样是为了避免搜索引擎收录过多的同标题但不同网址的页面，有利SEO。

WordPress文章优化:长文章分页和为标题添加页码避免标题重复

一、明白自己是否应该添加长文章分页

1、像我这样的过长的文章就应该添加文章分页了，主要是如果文章太长了，容易导致网页打开速度变慢，并且图片过多，对服务器的压力会过大。

2、谨慎添加长文章分页，从我个人的体验来看，不添加文章分页比添加文章分页的体验会更好，因为没有人愿意多动手去看一篇没有兴趣的文章。

 

3、千万不要千万刻意文章分页的感觉。像新浪、腾讯等有些的文章就有刻意分页的嫌疑：明明是可以放在一页的十张照片，门户网站非得要分成十个小页。

二、Wordpress文章分页代码

1、Wordpress只需要一个函数就可以使用长文章分页，wp_link_pages，官方对这个函数如下：

<?php $args = array(

'before'           => '<p>' . __('Pages:'),

'after'            => '</p>',

'link_before'      => ,

'link_after'       => ,

'next_or_number'   => 'number',

'nextpagelink'     => __('Next page'),

'previouspagelink' => __('Previous page'),

'pagelink'         => '%',

'more_file'        => ,

'echo'             => 1 ); ?> 

2、上面的我们一般需要修改是before、after的参数，主要是Html标签，pagelink是表示第几页，’next_or_number’ 表示显示数字还是Next，你可以写number或者next，nextpagelink和previouspagelink，则表示前一页、后一页。

3、对于上面的代码不明白不要紧，下面我直接给我的文章分页代码，有需要的朋友可以直接复制过去就能使用，如下：

<?php
wp_link_pages('before=<div id="fenye">&after=&next_or_number=next&previouspagelink=翻上页&nextpagelink= ');
wp_link_pages('before=&after=&next_or_number=number');
wp_link_pages('before=&after=</div>&next_or_number=next&previouspagelink= &nextpagelink=翻下页');
?>

三、添加Wordpress文章分页代码

1、将上面的代码复制粘贴到你的Wordpress主题的Single.php文件中的the_content那一行后面就行了。

2、然后就是添加CSS了，下面直接贴出我的CSS，大家可以测试修改使用。

#fenye {background: url("image/postnavbg.gif") no-repeat scroll 0 0 transparent;
height:40px;padding:0 10px;
}
#fenye a {
text-decoration: none;
display: inline-block;
margin: 6px 5px;
padding: 0 10px;
background: #65c0ef;
color: white;
line-height: 22px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px;
}
#fenye a:hover{background: #CCC;}

3、最后实现的效果就是本文下方的效果了。

 

四、Wordpress文章分页插件

1、也许有人早已经不耐烦了上面的添加代码的方法了，因为Wordpress既然有文章分页插件，那干嘛不用呢？

2、其实之所以要将Wordpress无需插件直接使用代码就实现文章分页的方法放在前面，是希望大家尽量用上面的方法，一是插件多了不好，二是这么一个“微小”功能不需插件。

3、不过相信还是有“懒人”想要使用插件，那么这里就会大家推荐Wordpress文章分页插件：multi-page-toolkit。

4、下载安装插件，然后进入插件后台设置，主要是为了将英文改成中文，我的演示如下图（点击放大）：

5、最后使用Wordpress文章分页插件（自己觉得不满意，还可以修改CSS）：

五、Wordpress文章分页标题重复

1、使用了上两种方法虽然可以实现Wordpress长文章分页，但是却造成了Wordpress的分页的文章的标题重复了，这样显然对SEO是不利的。

2、于是我们可以给Wordpress文章分页添加页码，形成类似这样的：Wordpress文章优化:长文章分页和为标题添加页码避免标题重复-第二页。

3、打开你的主题的Header.php文件，找到<title>……</title>，将整段替换为下面的代码：

<title><?php echo trim(wp_title('',0)); ?><?php if (get_query_var('page')) {   
echo ' -第';  
echo get_query_var('page');  
echo '页';  
}?> | <?php bloginfo('name'); ?></title>

4、为了不让文章分页导致权重流失，我们还可以添加一个canonical声明，代码如下：

<link rel="canonical" href="' . get_permalink() . '" />

5、最后看看实现的效果。

六、Wordpress文章分页小结

1、一般推荐大家使用代码的方法，有利于提供Wordpress运行的效果，不过插件的好处就是功能强大，使用方便，自己要做恐怕的就是修改CSS了。

2、Wordpress文章分页有利也有弊，如果你的Wordpress的评论过长，也可以按照上面的操作思路来实现评论分页的效果。

 

更多wordpress文章分页相关文章可查看：

WordPress无插件如何实现文章分页

 WordPress文章分页wp_link_pages()函数详解