简单几步为wordpress主题增加长篇文章分页

时间:12-03-25 栏目:电脑网络 作者:admin 评论:0 点击: 3,047 次

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

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

<?php the_content(); ?>

在其后加入

<?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' => "下一页")); ?>

2、打开你的主题的style.css在最后加入
.fenye{
text-align:center;
margin:10px auto;
margin-left:-2em;
font-family:&quot;Microsoft YaHei&quot;;
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-->

就行了。

以上功能的最后效果如“过年回故乡见"闰土":如今剩在农村媳妇跑了”,如果喜欢可以加入到自己的主题中。。

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

<!--?php wp_link_pages('before=<br ?--></pre>
<div id="page-links">&after=</div>
<pre>
'); ?><!-- 翻页 -->

这篇文章也是从google上边找的,然后整理到自己的主题中的,如果大家需要更多的样式,请参考:http://www.gaoxing.me/2011/nextpage/

声明: 本文由( admin )原创编译,转载请保留链接: 简单几步为wordpress主题增加长篇文章分页

------====== 赞助商 ======------

读者排行

为您推荐