Wordpress实现单篇文章分页显示方法

1. 找到wp-includes/js/quicktags.js ,在其中找到下面这个javascript代码:

 代码如下 复制代码

edButtons[edButtons.length]=new edButton(“ed_more”,”more”,”<!–more–>”,”",”t”,-1);

在这个代码的后面加上如下代码:

 代码如下 复制代码

edButtons[edButtons.length]=new edButton(“ed_next”,”page”,”<!–nextpage–>”,”",”p”,-1);

2. 继续在wp-includes/js/quicktags.js 中找到如下代码:

 代码如下 复制代码

j.Buttons[j.Buttons.length]=new edButton(a+”_more”,”more”,”<!–more–>”,”",”t”,-1);

在后面加上如下代码:

 代码如下 复制代码

j.Buttons[j.Buttons.length]=new edButton(a+”_next”,”page”,”<!–nextpage–>”,”",”p”,-1);

OK ,此文件可以保存了。

3. 找到wp-includes/js/quicktags.dev.js ,找到下面代码

 代码如下 复制代码

/*
edButtons[edButtons.length] =
new edButton(‘ed_next’
,’page’
,’<!–nextpage–>’
,”
,’p’
,-1
);
*/

去掉注释,最后是下面的样子

 代码如下 复制代码

edButtons[edButtons.length] =
new edButton(‘ed_next’
,’page’
,’<!–nextpage–>’
,”
,’p’
,-1
);

4. 找到wp-admin/includes/post.php ,找到下面代码:

 代码如下 复制代码

‘link’, ‘unlink’, ‘wp_more’,

在其后面添加代码:

‘wp_page’,

OK,当你打开编辑器写文章的时候,可视化状态下就会出现分页符的按钮,在你想插入页码的时候点击此按钮就行了。

 

5.修改single页面的代码,找到一下代码

 代码如下 复制代码

<?php the_content(); ?>

一般情况下,他的下面会紧跟着一段类似代码如下,如果没有请你自己手动添加

 代码如下 复制代码

<?php wp_link_pages( array( 'before' => '<div>' . __( 'Pages:', 'twentyten' ), 'after' => '</div>' ) ); ?>

6.到这边已经成功了,你可以书写文章进行测试了,测试玩你就会发现样式不是很好,你可以接着修改第5步中的代码,将其改为一下的代码,实现一定的样式

第1页,第二页,第三页形式代码

 代码如下 复制代码

<?php if (get_query_var(‘paged’)) { //判断是否为首页
echo ‘第’;
echo get_query_var(‘paged’); //页码
echo ‘页’;
}?>

上一页 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 "&nbsp;";
        wp_link_pages('before=&after=&next_or_number=next&previouspagelink=&nbsp&nextpagelink=下一页');
?>

好了,全部功能基本已经实现,要是还想修改样式什么的,请自己加css文件内容

下面是我替换好的2个js文件,以及post.php文件,你可以直接下载,替换原来的文件就行了,如果你有什么问题或疑问,请留言,互相交流!!

时间: 2024-07-30 16:33:00

Wordpress实现单篇文章分页显示方法的相关文章

php ckeditor编辑器文章分页实现方法

Fckeditor编辑器有一个插入分页符的功能按钮,点击该按钮,将会在内容区插入一条分页符,如下图红色框标注: 分页符对应生成的html代码是:  代码如下 复制代码 <div style="page-break-after: always"><span style="display: none"> </span></div> 我们实际应用情况是这样的:后台通过Fckeditor编辑器发布的内容,提交到数据库,前台通过

wordpress中利用wp_link_pages()实现文章分页显示

这时候,我们就要用到一个wordpress函数--wp_link_pages()了.那么,怎样通过wp_link_pages()函数来实现wordpress文章的分页显示呢?下面,一起来看看吧. 首先,我们到文章页模板文件single.php里查找一下有没有wp_link_pages()函数,如果没有,我们给添加上.然后我们在写文章时,在文章需要分页的地方添加上<!–nextpage–>标签(注意:不是在"可视化"下添加,而是在"文本"状态下添加,这样才

长文章分页显示思路及页码条显示新思路

分页|显示 这两天利用空闲时间编程序,琢摩了一下关于长文章分页以及页码条的简单实现方法. 思路是VBSCRIPT的. CurrentPage=Request.QueryString("page")'CurrentPage是当前页的意思 PageCount = Int(Len(Content)/SIZE) + 1'Content是长文章内容'SIZE是每一页显示字数'PageCount是最后一页的页码 START=Cint((CurrentPage-1)*SIZE+1)'START是每一

WordPress中Ajax评论分页实现方法

一.准备 加载 jQuery 库,这个不解释了.  二.开启 WordPress 评论分页 打开 WordPress 后台 – 设置 – 讨论,在"其他评论设置"中勾选分页显示评论,设置一下评论数目,这里的评论数目仅计算主评论,回复评论不作计算.这里 Kayo 填了比较大的数字(15),因为评论分页分得太细会使用户不便于阅读之前的评论.  在后台开启评论分页后,在 comments.php 中需要添加分页导航的地方加入以下代码(如主题中有类似代码则无须再添加,另外代码中的 nav 标签

关于长文章分页的方法

问题描述 谁有插入分页符的文章分页代码 解决方案 解决方案二:string[]PageContent=Regex.Split(BookContent_Content,"~page~",RegexOptions.IgnoreCase);ltlContent.Text="<p>"+PageContent[page-1].ToString()+"</p>";解决方案三:有没有比较全点的代码解决方案四:这个和普通分页没什么区别的吧

wordpress中首页文章下显示评论内容

首页文章下面显示若干条的评论内容,包括作者头像.评论时间.评论内容等,没有直接回复的功能,具体代码如下:  代码如下 复制代码    $args = array(     'status' => 'approved',     'number' => '5',     'post_id' => get_the_ID()     );     $comments = get_comments($args);     foreach($comments as $comment) :     

wordpress文章分页显示不同标题实现方法总结

玩Wordpress的你懂的啦,每次打开page/x,那个标题几乎都是一样的,搞seo的你懂的啦,这样不利于优化,尤其是你有很多页都这样的时候,谷歌管理员工具都提醒你,不能这样啊,so,胡小易找到了个方法可以避免这种情况发生 比如分类页面,通常wp的header.php是这样写的:  代码如下 复制代码 <?php if (is_category()? ) { ?><?php single_cat_title();? ?> - <? bloginfo('name'); ?&g

asp.net 文章分页显示实现代码_实用技巧

复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { string str = "事情发生在5月14日晚上23:30分,廊坊师范学院1号楼宿舍发生了恶性打架杀人事件,因1号楼较为复杂,有体育生.英语学院.教育学院等学生住宿,当时情况较为混乱.被害者是一名10级接本的体育生(马上面临毕业)和一名11级教育学院的新生,双方产生 矛盾原因目前不明,当场造成2死1重伤,伤口刀刀致命.其中一人被凶手割断喉部大动脉,未经抢救,当场

wordpress自动调用文章缩略图的方法总结

一.自动显示文章第一张图片 在当前使用的主题模板的functions.php文件<?php和?>之前添加以下代码  代码如下 复制代码 function catch_that_image() {       global $post, $posts;       $first_img = '';       ob_start();       ob_end_clean();       $output = preg_match_all('/<img.+src=['"]([^'&