简单几步为wordpress长篇文章分页

文章太长,影响阅读,同时页面也会不美观,使用分页不但可以解决这些问题,而且可以提高页面加载速度,而且还能增加PV。介绍下“简单几步为wordpress长篇文章分页”的方法。

1、打开你的主题的single.php找到

<!?php the_content(); ?>

,在其后加入

<!-- 翻页 -->
<?php wp_link_pages(array('before' => '<div class="fenye">分页阅读:', 'after' => '',
'next_or_number' => 'number', 'link_before' =>'<span>', 'link_after'=>'</span>')); ?>
<?php wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一页', 'nextpagelink' => "")); ?>
<?php wp_link_pages(array('before' => '', 'after' => '</div>
','next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")); ?>

2、打开你的主题的style.css在最后加入

.fenye {
text-align:center;
margin:10px auto;
margin-left:-2em;
font-family:"
Microsoft YaHei";
color:#511b51;
font-weight:700;
}
.fenye span {
border:1px solid #D2D2D2;
color:#fff;
margin-right:5px;
background:#383838;
padding:2px 6px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
text-decoration:none;
font-size:12px;
font-weight:400;
text-shadow: 0 1px 1px #000;
}
.fenye a {
text-decoration:none;
color:#0a226a;
}
.fenye a span {
color: #22222e;
background:#fff;
margin-right:5px;
padding:2px 6px;
text-shadow: 0 1px 1px #fff;
}
.fenye a:hover span {
color: #fff;
background:#383838;
padding:2px 6px;
text-shadow: 0 1px 1px #000;
}

这样就把这个分页功能加入主题中了。使用方法很简单,就是在编辑文章的时候,切换到“HTML”模式下,在需要分页的地方加入

<!--nextpage-->

就行了。。

以上功能的最后效果如“WordPress站点速度终极优化”,如果喜欢可以加入到自己的主题中。。

ps:这里注意下,如果你的主题single.php文件中,已经有wp_link_pages()函数了,请把wp_link_pages()整句删除了:

没有评论:

发表评论