0

0

wordpress怎么实现文章分页

藏色散人

藏色散人

发布时间:2019-12-25 10:50:07

|

5883人浏览过

|

来源于php中文网

原创

wordpress怎么实现文章分页

wordpress怎么实现文章分页?

由于篇幅过长导致页面加载速度过慢,降低用户体验,所以必须要找个方法把长文章进行分页,搜索了一下,发现有个代码解决的方法非常好。经过亲自使用,确实有效,所以在这里分享出来,感兴趣的你可不要错过了哈

  推荐:《wordpress教程

最近发现 有不少文章配上图片,写得比较长。这样会导致页面加载速度过慢,不利于用户体验。尤其是新添加的 wordpress主题 页面,虽然文字不多,可是每一款wordpress主题都要配上个小图片,才能让读者有个大概的了解。从而决定是否要进行演示。那么将近三十款wordpress主题加在一起,页面就非常的长。所以必须要找个方法把长文章进行分页。 

在谷歌上搜索了一下,发现有个代码解决的方法非常好。经过亲自使用,确实有效,所以在这里分享出来。 

一、添加分页按钮 

如果你不怕麻烦的话,可以在写文章的时候,切换到HTML模式,插入下面这行代码,就不需要添加这个分页按钮了。 

代码如下:

其实还是在编辑器上添加个分页按钮省事多了。以前也看到过通过修改代码来实在这个功能,不过我忘了。因为我一直用 wordpress编辑器增强插件:TinyMCE Advanced 。这个按钮早就有了,这里也不多说了。 

2012-06-17补充:给 WordPress 3.4 文本编辑器添加分页按钮 

由于我的 “非诚勿扰女嘉宾资料” fc.guansoft.com 网站也用了这篇文章中介绍的长文章分页代码。但那个站没有安装 TinyMCE Advanced 插件。所以还是上网找了个比较简单的方法在wordpress编辑器中添加这个分页按钮。方法如下: 

找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’, 标签:(在366行处) 

代码如下:

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', 'wp_more', '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);

在 ‘wp_more’ 后添加 ‘wp_page’, (含单引号和逗号)。修改后代码如下: 

代码如下:

$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', 'wp_more','wp_page', '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);

此时,你就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more 标签按钮相似的图标。 

同样,在代码编辑器也会相应出现一个 nextpage 按钮。 

二、添加分页功能 

wordpress其实自带分页功能的函数,只是没有被调用。所以我们在编辑文章的时候,明明插入了分页符,却看不到什么变化。要怎么样才能让调用这个函数呢?方法很简单,在主题模板文件 single.php 中找到类似下面这行代码。 

代码如下:

在这行代码后面添加如下所示的代码,即可实现简单的分页功能。 

代码如下:

三、美化分页效果 

站长俱乐部购物系统
站长俱乐部购物系统

功能介绍:1、模块化的程序设计,使得前台页面设计与程序设计几乎完全分离。在前台页面采用过程调用方法。在修改页面设计时只需要在相应位置调用设计好的过程就可以了。另外,这些过程还提供了不同的调用参数,以实现不同的效果;2、阅读等级功能,可以加密产品,进行收费管理;3、可以完全可视化编辑文章内容,所见即所得;4、无组件上传文件,服务器无需安装任何上传组件,无需支持FSO,即可上传文件。可限制文件上传的类

下载

虽然经过上面两步,已经可以实现长文章的分页功能了。但是不是那么好看,下面我们就把它美化一下,让分页效果更完美。 

首先,把上一步的分页功能代码 替换为以下代码。 

代码如下:

 '
分页阅读:', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一页', 'nextpagelink' => "")); ?> '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'', 'link_after'=>'')); ?> '', 'after' => '
', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")); ?>

接着,再对CSS样式进行美化。 

直接把下面这些代码,放到主题文件 style.css 最后面。 

代码如下:

/**页面分页**/ 
.fenye{text-align:center;margin:0px auto 10px;font-weight:bold} 
.fenye span{background-color:#DDDDDD;color:#fff;font-weight: bold;margin:0px 1px;padding:1px 6px;display:inline-block;text-decoration:none;border:1px solid #e0e0e0;} 
.fenye a{text-decoration:none;} 
.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;} 
.fenye a:hover span{background-color:#DDDDDD;color: #fff;}

最后显示效果如下图所示: 

1fec300885675030ae2fb428c9655d1.png

四、解决文章分页后标题重复对SEO的影响 

由于长文章分页后,这几个页面的标题是一样的。会不会对SEO带来不利的影响,我也不清楚。还是避免一下吧!可以通过给 wordpress 文章分页添加页码,解决标题重复的问题。我们可以把改成如下所示的效果: 

简单实用的wordpress长文章分页代码 —冠朔wordpress插件 

简单实用的wordpress长文章分页代码-第2页 — 冠朔wordpress插件 

简单实用的wordpress长文章分页代码-第3页 — 冠朔wordpress插件 

在主题模板文件 header.php 找到类似

…… 代码,将其替换为如下代码。 

代码如下:

<?php echo trim(wp_title('',0)); ?><?php if (get_query_var('page')) { echo '-第'; echo get_query_var('page'); echo '页';}?> — <?php bloginfo('name'); ?>

五、避免Feed被分页 

实现分页功能后,会导致Feed页面的文章被分页,一般只显示第一页的内容。 

解决方法:打开 wp-includes 目录下的 query.php 文件,找到下面这行代码(大概在3578行) 

代码如下:

if ( strpos( $content,'' ) ) {

把它修改为下面这行代码。 

代码如下:

if ( strpos( $content, '' ) && (!is_feed()) ) {

更多WordPress相关技术文章,请访问WordPress教程栏目:https://www.php.cn/cms/wordpress/

相关文章

WPS零基础入门到精通全套教程!
WPS零基础入门到精通全套教程!

全网最新最细最实用WPS零基础入门到精通全套教程!带你真正掌握WPS办公! 内含Excel基础操作、函数设计、数据透视表等

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
go语言 注释编码
go语言 注释编码

本专题整合了go语言注释、注释规范等等内容,阅读专题下面的文章了解更多详细内容。

2

2026.01.31

go语言 math包
go语言 math包

本专题整合了go语言math包相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

go语言输入函数
go语言输入函数

本专题整合了go语言输入相关教程内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

golang 循环遍历
golang 循环遍历

本专题整合了golang循环遍历相关教程,阅读专题下面的文章了解更多详细内容。

0

2026.01.31

Golang人工智能合集
Golang人工智能合集

本专题整合了Golang人工智能相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.31

2026赚钱平台入口大全
2026赚钱平台入口大全

2026年最新赚钱平台入口汇总,涵盖任务众包、内容创作、电商运营、技能变现等多类正规渠道,助你轻松开启副业增收之路。阅读专题下面的文章了解更多详细内容。

76

2026.01.31

高干文在线阅读网站大全
高干文在线阅读网站大全

汇集热门1v1高干文免费阅读资源,涵盖都市言情、京味大院、军旅高干等经典题材,情节紧凑、人物鲜明。阅读专题下面的文章了解更多详细内容。

73

2026.01.31

无需付费的漫画app大全
无需付费的漫画app大全

想找真正免费又无套路的漫画App?本合集精选多款永久免费、资源丰富、无广告干扰的优质漫画应用,涵盖国漫、日漫、韩漫及经典老番,满足各类阅读需求。阅读专题下面的文章了解更多详细内容。

67

2026.01.31

漫画免费在线观看地址大全
漫画免费在线观看地址大全

想找免费又资源丰富的漫画网站?本合集精选2025-2026年热门平台,涵盖国漫、日漫、韩漫等多类型作品,支持高清流畅阅读与离线缓存。阅读专题下面的文章了解更多详细内容。

19

2026.01.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
第二十三期_前端开发
第二十三期_前端开发

共98课时 | 7.6万人学习

WordPress视频教程
WordPress视频教程

共23课时 | 9.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号