Moke|墨客

 找回密码
 立即注册
搜索
查看: 7376|回复: 0

wordpress无插件实现单篇文章分页显示

[复制链接]

3636

主题

0

回帖

3681

积分

超级版主

Rank: 8Rank: 8

积分
3681
发表于 2016-5-12 18:19:46 | 显示全部楼层 |阅读模式






                今天需要实现一个功能,wordpress实现一篇较长的文章分页显示,于是乎找了很多资料,找了很久才找到,大部分都是3.0之前的实现方法,所以都不成功,后来终于找到了,也知道了之前的不能实现的原因。下面魏星博客就分享一下我实现的过程以及代码。
1. 找到wp-includes/js/quicktags.js ,在其中找到下面这个javascript代码:
edButtons[edButtons.length]=new edButton(&ldquo;ed_more&rdquo;,&rdquo;more&rdquo;,&rdquo;<!&ndash;more&ndash;>&rdquo;,&rdquo;&quot;,&rdquo;t&rdquo;,-1);
在这个代码的后面加上如下代码:
edButtons[edButtons.length]=new edButton(&ldquo;ed_next&rdquo;,&rdquo;page&rdquo;,&rdquo;<!&ndash;nextpage&ndash;>&rdquo;,&rdquo;&quot;,&rdquo;p&rdquo;,-1);
2. 继续在wp-includes/js/quicktags.js 中找到如下代码:
j.Buttons[j.Buttons.length]=new edButton(a+&rdquo;_more&rdquo;,&rdquo;more&rdquo;,&rdquo;<!&ndash;more&ndash;>&rdquo;,&rdquo;&quot;,&rdquo;t&rdquo;,-1);
在后面加上如下代码:
j.Buttons[j.Buttons.length]=new edButton(a+&rdquo;_next&rdquo;,&rdquo;page&rdquo;,&rdquo;<!&ndash;nextpage&ndash;>&rdquo;,&rdquo;&quot;,&rdquo;p&rdquo;,-1);
OK ,此文件可以保存了。
3. 找到wp-includes/js/quicktags.dev.js ,找到下面代码
/*
edButtons[edButtons.length] =
new edButton(&lsquo;ed_next&rsquo;
,&rsquo;page&rsquo;
,&rsquo;<!&ndash;nextpage&ndash;>&rsquo;
,&rdquo;
,&rsquo;p&rsquo;
,-1
);
*/
去掉注释,最后是下面的样子
edButtons[edButtons.length] =
new edButton(&lsquo;ed_next&rsquo;
,&rsquo;page&rsquo;
,&rsquo;<!&ndash;nextpage&ndash;>&rsquo;
,&rdquo;
,&rsquo;p&rsquo;
,-1
);
4. 找到wp-admin/includes/post.php ,找到下面代码:
&lsquo;link&rsquo;, &lsquo;unlink&rsquo;, &lsquo;wp_more&rsquo;,
在其后面添加代码:
&lsquo;wp_page&rsquo;,
OK,当你打开编辑器写文章的时候,可视化状态下就会出现分页符的按钮,在你想插入页码的时候点击此按钮就行了。

5.修改single页面的代码,找到一下代码
<?php the_content(); ?>
一般情况下,他的下面会紧跟着一段类似代码如下,如果没有请你自己手动添加
<?php wp_link_pages( array( 'before' => '<div  class=&quot;page-link&quot;>' . __( 'Pages:', 'twentyten' ), 'after' =>  '</div>' ) ); ?>
6.到这边已经成功了,你可以书写文章进行测试了,测试玩你就会发现样式不是很好,你可以接着修改第5步中的代码,将其改为一下的代码,实现一定的样式
第1页,第二页,第三页形式代码
<?php if (get_query_var(&lsquo;paged&rsquo;)) { //判断是否为首页
echo &lsquo;第&rsquo;;
echo get_query_var(&lsquo;paged&rsquo;); //页码
echo &lsquo;页&rsquo;;
}?>
上一页 2 3 4 5 6 7 下一页形式代码
<?php
        wp_link_pages('before=&after=&next_or_number=next&previouspagelink=上一页&nextpagelink=&nbsp');
        wp_link_pages('before=&after=&next_or_number=number');
        echo &quot;&nbsp;&quot;;
        wp_link_pages('before=&after=&next_or_number=next&previouspagelink=&nbsp&nextpagelink=下一页');
    ?>
好了,全部功能基本已经实现,要是还想修改样式什么的,请自己加css文件内容
下面是我替换好的2个js文件,以及post.php文件,你可以直接下载,替换原来的文件就行了,如果你有什么问题或疑问,请留言,互相交流!!
下载地址:http://yfdisk.com/file/woallf/51494737/
原文地址:魏星博客
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

 

 

快速回复 返回顶部 返回列表