189 8069 5689
WordPress长文章分页的操作步骤：
成都创新互联主要企业基础官网建设，电商平台建设，移动手机平台，小程序定制开发等一系列专为中小企业定制网站制作产品体系；应对中小企业在互联网运营的各种问题，为中小企业在互联网的运营中保驾护航。
第一步：进入WordPress网站后台，在外观下找到“编辑”选项，然后找到文章页面模块single.php，在single.php中找到下面的代码
?php the_content(); ?
第二步：找到上面的代码之后，在其下方添加wordpress自带的分页功能函数代码：
?php wp_link_pages(); ?
第三步：第二步的代码可以实现简单的分页效果，如果你想让分页按钮更加美观的话，可以将第二步的代码替换成下面的调用代码：
?php wp_link_pages(array('before' = 'div分页阅读：', '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代码来控制分页按钮的显示样式，直接复制下面的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;}
第四步：在文章中需要分页的位置插入分页代码【必须在代码文本模式下插入】
p!--nextpage--/p
第五步：如果觉得每次使用分页代码比较麻烦，可以通过在编辑器上方添加一个“分页按钮”来使用，即在文章中需要分页的地方点一下“分页按钮”就会自动的添加分页代码。【此步可做可不做】
1、找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’, 标签：（在366行处）
$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', SPAN style="TEXT-DECORATION: underline"STRONGSPAN style="COLOR: #ff0000; TEXT-DECORATION: underline"'wp_more',/SPAN/STRONG/SPAN '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);
2、在 ‘wp_more’ 后添加 ‘wp_page’, （含单引号和逗号）。修改后代码如下：
$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', SPAN style="TEXT-DECORATION: underline"STRONGSPAN style="COLOR: #ff0000; TEXT-DECORATION: underline"'wp_more','wp_page',/SPAN/STRONG/SPAN '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);
3、此时，你就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more 标签按钮相似的图标。
同样，在代码编辑器也会相应出现一个 nextpage 按钮。
第六步：消除分类后不同页面的文章的标题相同的问题，避免影响网站SEO优化。在主题模板文件 header.php 找到类似 title……/title 代码，将其替换为如下代码。
?php if ( is_single() ) { ?title?php echo trim(wp_title('',0)); ??php if (get_query_var('page')) { echo '-第'; echo get_query_var('page'); echo '页';}? — ?php bloginfo('name'); ?/title?php } ?
第七步：实现分页功能后，会导致Feed页面的文章被分页，一般只显示第一页的内容，解决方法：打开 wp-includes 目录下的 query.php 文件，找到下面这行代码(大概在3578行)
if ( strpos( $content,'!–nextpage–' ) ) {
把它修改为下面这行代码。
if ( strpos( $content, '!--nextpage--' ) (!is_feed()) ) {
wordpress内置了很多分页的函数，我可以通过传参很方便的就完成分页功能，只要你有一些css的基础，很容易就可以实现各式各样的分页样式，我们来看看有哪些
一、paginate_links()
例：?php echo paginate_links(array( 'prev_next' = 0, 'before_page_number' = '', 'mid_size' = 2,));?
二、the_posts_pagination()
例：
?php
the_posts_pagination( array('mid_size' = 3,'prev_text' ='上一页','next_text' ='下一页','before_page_number' = 'span class="meta-nav screen-reader-text"第 /span','after_page_number' = 'span class="meta-nav screen-reader-text" 页/span',) ); ?
三、自定义函数，把以下代码放入主题目录functions.php中
// 分页代码function par_pagenavi($range = 3){
global $paged, $wp_query;
if ( !$max_page ) {$max_page = $wp_query-max_num_pages;}
if($max_page 1){if(!$paged){$paged = 1;}
if($paged != 1){echo "a href='" . get_pagenum_link(1) . "' class='extend' title='跳转到首页'«/a";}
if($max_page $range){
if($paged $range){for($i = 1; $i = ($range + 1); $i++){echo "a href='" . get_pagenum_link($i) ."'";
if($i==$paged)echo " class='current'";echo "$i/a";}}
elseif($paged = ($max_page - ceil(($range/2)))){
for($i = $max_page - $range; $i = $max_page; $i++){echo "a href='" . get_pagenum_link($i) ."'";
if($i==$paged)echo " class='current'";echo "$i/a";}}
elseif($paged = $range $paged ($max_page - ceil(($range/2)))){
for($i = ($paged - ceil($range/2)); $i = ($paged + ceil(($range/2))); $i++){echo "a href='" . get_pagenum_link($i) ."'";if($i==$paged) echo " class='current'";echo "$i/a";}}}
else{for($i = 1; $i = $max_page; $i++){echo "a href='" . get_pagenum_link($i) ."'";
if($i==$paged)echo " class='current'";echo "$i/a";}}
next_posts_link(' »');}}
模板中调用方法：
div id="page"?php par_pagenavi(5); ?/div
附带一点css样式仅供参考：
#page{width:100%;height:36px;line-height:36px;text-align:left;overflow:hidden;margin-left:auto;margin-right:auto;display:block;text-align:-moz-center;*text-align:center;text-align:center}#page a{text-decoration:none;color:#FFF;background:#282828;display:inline-block;padding:9px 12px;margin:0 5px 0 0;line-height:16px;margin-right:3px}#page a:hover,#page a.current{color:#FFF;background:#32a5e7}
具体实现步骤如下：
1、将以下代码添加到Three主题的functions.php文件最后一个?的前面。
//部分内容登录可见
function login_to_read($atts, $content=null) {
extract(shortcode_atts(array("notice" = '
span style="color: red;"温馨提示：/span此处内容需要a title="登录后可见" href="#respond"登录/a后才能查看！
'), $atts));
if ( is_user_logged_in() !is_null( $content ) !is_feed() )
return $content;
return $notice;
}
add_shortcode('vip', 'login_to_read');
PS：将上面代码中的login.php替换为站点的登录地址，以方便用户快速登录。
2、在编辑文章的时候，只需要切换到文本模式，在需要隐藏的部分内容中前后加上短代码即可。
[vip]我是被隐藏的内容，样式一（默认样式）[/vip]
[vip notice="登录后才显示哟"]我是被隐藏的内容，样式二（自定义回复信息）[/vip]
其中样式一的提示信息就是第一步中的“温馨提示：此处内容需要登录后才能查看！”，样式二的提示信息就是“登录后才显示哟”，具体选用哪个样式由大家自己决定了。
效果图如下：
登录前后效果图
至此，WordPress文章部分内容登录后可见功能已经在Three主题实现，其他主题的实现方法也是一样的。
PS：这个功能建议不要轻易开启，因为要注册登录后才可以看到，除非分享的文章或资源很吸引人，要不然很多人都会直接关闭走人的，切记。
PS：如想实现WordPress文章部分内容输入密码可见的，请移步《Three主题实现WordPress文章部分内容输入密码后可见》。
PS：如想实现WordPress文章部分内容评论/回复可见的，请移步《如何实现WordPress文章部分内容评论/回复后可见》。