wordpress文章太长添加内页分页功能

十度 wordpress 2015年12月20日 收藏

wordpress文章分页功能介绍

在WordPress里写文章,如果内容很多,你可能想要把文章分成几页来让访客浏览,这样既保持了网页的美观,也提高了网页的打开速度。但是在WordPress默认提供的按钮里,你可能找不到文章分页功能所对应的按钮,下面我就告诉大家如何使用文章分页功能。本实例在本站中有实际应用,实例可以查看:http://www.shouce.ren/a-1478.html

wordpress的分页代码如下(使用源码编辑,切换到HTML模式):

<#--nextpage-->

在需要文章页分页的地方加上以上代码(注:需将“#”改为“!”)。

然后我们打开主题的functions.php文件添加如下代码:

//文章页与自定义页面加入分页功能
if( is_single() || is_page() ){
	add_filter('the_content','wp_cutpage');
}

function wp_cutpage() {
	//$content .= wp_link_pages(); //默认加入分页功能	
	
	return $content;
	
}

说明:我们用到的分页函数是wp_link_pages(),wordpress分页函数具体介绍可以查看:http://www.shouce.ren/a-1523.html
我们来看下最终效果图:
page1

wordpress文章分页功能美化

默认的分页功能是没有什么样式的,所以比较丑,我们来美化下代码:
将functions.php的wp_cutpage代码改为如下代码:

//文章分页
function dtheme_cutpage() {
	//$content .= wp_link_pages(); //默认加入分页功能	
	//美化分页
	$content .= wp_link_pages(array('before' => '<div class="fenye">', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一页', 'nextpagelink' => "")); 
	$content .= wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'<span>', 'link_after'=>'</span>'));
	$content .= wp_link_pages(array('before' => '', 'after' => '</div>', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")); 
	return $content;
	
}

在你主题的样式文件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;}

我们来看下最终效果图:

wordpress文章分页功能SEO优化

文章内页分页的页面的title的一样的,这样对SEO是不友好的,我们来看下在SEO方面如何改进。
在你的主题的header.php文件找到title,然后在最好添加页码标记代码:

<?php if ( is_single() || is_page() ) {
 	if (get_query_var('page')) 	{
		echo '-第'; echo get_query_var('page'); echo '页';
	}
}?>

以上代码会在页面标题添加页码标记,效果如下:
page2
文章内页分页功能到此完成,大家有什么问题,可以留言讨论。