A-A+

WordPress给文章增加分页功能

2017年02月23日 建站经验 阅读 784 views 次

对于比较长的文章,适当进行分页,不仅有利于阅读,而且有利于网站的SEO。其实WordPress中的函数wp_link_pages()本身就带有给文章分页的功能,一般的主题也将此功能包含进去了。

在WordPress中实现给文章分页只需在编辑文章时切换到文本编辑模式,然后在需要分页的位置插入如下代码:

<!--nextpage-->

如果插入上面的代码后并没有实现分页功能,那么说明你所使用的主题不支持分页功能。可在WordPress仪表盘中单击外观 - 编辑,进入主题函数编辑页面,打开single.php文件,在文件中找到类似如下代码:

<?php the_content(); ?>

在其下方加入如下代码:

<?php wp_link_pages(); ?>

即可实现分页功能。分页效果如下图所示,如果设置了文章固定链接,分页后的链接为“固定链接/页码”的形式。

通过以上方法虽然实现了在WordPress中给文章分页的功能,但是在WordPress的文章编辑器中并没有显示关于插入“下一页”分页的按钮,每次都要手动添加分页代码<!--nextpage-->。其实,我们只要在当前主题的 functions.php文件中添加下面的代码,就可以在WordPress的文章编辑器中显示插入分页的按钮啦:

如果你的WordPress是 WP 4.2 或以上的版本,可以使用下面的代码:
/*-----------------------------------------------------------------------------------*/
# 在 WordPress 编辑器添加“下一页”按钮
/*-----------------------------------------------------------------------------------*/
add_filter( 'mce_buttons', 'cmp_add_page_break_button', 1, 2 );
function cmp_add_page_break_button( $buttons, $id ){
if ( 'content' != $id )
return $buttons;
array_splice( $buttons, 13, 0, 'wp_page' );
return $buttons;
}

添加分页按钮后的文章编辑界面如下图所示:

如果你的WordPress是低于WP 4.2 的旧版本,可以使用下面的代码:
/**
* 在 WordPress 编辑器添加“下一页”按钮
*/
add_filter('mce_buttons','wpdaxue_add_next_page_button');
function wpdaxue_add_next_page_button($mce_buttons) {
$pos = array_search('wp_more',$mce_buttons,true);
if ($pos !== false) {
$tmp_buttons = array_slice($mce_buttons, 0, $pos+1);
$tmp_buttons[] = 'wp_page';
$mce_buttons = array_merge($tmp_buttons, array_slice($mce_buttons, $pos+1));
}
return $mce_buttons;
}

个人公众号“数字化设计CAX联盟”,欢迎关注,共同交流
标签:
为您推荐:

给我留言

© 坐倚北风 版权所有 严禁镜像复制 苏ICP备15034888号. 基于 Ality 主题定制 AliCMS
联系邮箱:leanwind@163.con,微信公众号:数字化设计CAX联盟

用户登录

分享到: