有时候单篇文章页面长度过长,会影响页面加载速度和用户体验。这时候就需要用WordPress对长文章进行分页显示。实现分页有两种方式,一种是使用wordpress长文分页插件,另一种是修改代码。
WordPress长文章分页的步骤:
第一步:去WordPress网站后台,找到外观下的“编辑”选项,然后找到文章页面模块single.php,在single.php找到以下代码。
& lt?PHP the _ content();?& gt第二步:找到上面的代码后,在下面添加wordpress自带的分页功能代码:
& lt?PHP WP _ link _ pages();?& gt第三步:第二步的代码可以实现简单的分页效果。如果想让分页按钮更美观,可以用下面的调用代码替换步骤2中的代码:
& lt?php wp_link_pages(数组(& # 039;之前& # 039;= & gt'& ltdiv & gt分页:& # 039;, '& # 039;= & gt'', 'next _ or _ number & # 039= & gt'接下来& # 039;, '前一页链接& # 039;= & gt'上一页& # 039;, 'nextpagelink & # 039= & gt""));?& gt& lt?php wp_link_pages(数组(& # 039;之前& # 039;= & gt'', '& # 039;= & gt'', 'next _ or _ number & # 039= & gt'编号& # 039;, 'link _ before & # 039= & gt'& ltspan & gt', 'link _ after & # 039= & gt'& lt/span>。'));?& gt& lt?php wp_link_pages(数组(& # 039;之前& # 039;= & gt'', '& # 039;= & gt'& lt/div & gt;', 'next _ or _ number & # 039= & gt'接下来& # 039;, '前一页链接& # 039;= & gt'', 'nextpagelink & # 039= & gt"下一页”));?& gt使用下面的CSS代码控制分页按钮的显示样式,将下面的CSS样式直接复制到style.css文件中,就可以达到下面的效果。
/* *分页**/。fenye { text -align:center;边距:0px auto 10pxfont-weight:bold}。fenye span { background -color:# DDDDDD;颜色:# ffffont-weight:粗体;边距:0px 1px填充:1px 6px显示:inline -block;text -装修:无;边框:1px实心# e0e0e0}.分爷a { text -装饰:无;}.fenye a span { background -color:# f6f 6 e 8;font -体重:正常;颜色:# 000;text -装修:无;}.粉爷a:hover span { background -color:# DDDDDD;颜色:# fff}第四步:在文章中需要分页的位置插入分页代码【必须以代码文本方式插入】
& ltp & gt& lt!--next page --& gt;& lt/p & gt;第五步:如果觉得每次使用分页代码都比较麻烦,可以在编辑器顶部添加一个“分页按钮”来使用,即在文章中需要分页的地方点击“分页按钮”,就会自动添加分页代码。[这一步可以做,也可以不做]
1.找到文件/wp-includes/class -wp-editor . PHP
$ MCE _ buttons = apply _ filters(& # 039;mce _ buttons & # 039,数组(& # 039;bold & # 039, '斜体& # 039;, '删除线& # 039;, '', 'bullist & # 039, 'numlist & # 039, 'blockquote & # 039, '', 'justifyleft & # 039, 'justifycenter & # 039, 'justifyright & # 039, '', '链接& # 039;, '解除链接& # 039;,& ltSPAN style = & quottext -装饰:下划线& quot& gt& ltSTRONG & gt& ltSPAN style = & quot颜色:# ff0000text -装饰:下划线& quot& gt'wp _ more & # 039,& lt/SPAN>。& lt/STRONG & gt;& lt/SPAN>。'', '拼写检查& # 039;, '全屏& # 039;, 'wp _ adv & # 039),$ editor _ id);2.在“wp _ more”后添加“wp _ page”,(包括单引号和逗号)。修改后的代码如下:
$ MCE _ buttons = apply _ filters(& # 039;mce _ buttons & # 039,数组(& # 039;bold & # 039, '斜体& # 039;, '删除线& # 039;, '', 'bullist & # 039, 'numlist & # 039, 'blockquote & # 039, '', 'justifyleft & # 039, 'justifycenter & # 039, 'justifyright & # 039, '', '链接& # 039;, '解除链接& # 039;,& ltSPAN style = & quottext -装饰:下划线& quot& gt& ltSTRONG & gt& ltSPAN style = & quot颜色:# ff0000text -装饰:下划线& quot& gt'wp _ more & # 039,'wp _ page & # 039,& lt/SPAN>。& lt/STRONG & gt;& lt/SPAN>。'', '拼写检查& # 039;, '全屏& # 039;, 'wp _ adv & # 039),$ editor _ id);3.此时,您可以在背景页面的文本编辑器上看到一个类似于more tab按钮的图标,用于编写和编辑文章。
类似地,代码编辑器中会出现一个nextpage按钮。
第六步:消除分类后不同页面文章标题相同的问题,避免影响网站SEO优化。类似的
& lt?php if ( is_single() ) {?& gt& lttitle & gt& lt?PHP echo trim(WP _ title(& # 039;',0));?& gt& lt?PHP if(get _ query _ var(& # 039;第'页;)){ echo & # 039-th & # 039;;echo get _ query _ var(& # 039;第'页;);回声& # 039;第'页;;}?& gt—& lt;?PHP bloginfo(& # 039;姓名& # 039;);?& gt& lt/title & gt;& lt?php }?& gt第七步:分页功能实现后,Feed页面上的文章会进行分页,一般只显示第一页的内容。解决方案:打开wp-includes目录中的query.php文件,找到以下代码行(大约3578行)
if(strpos($content,& # 039;& lt!–next page-& gt;')){将其修改为以下代码行。
if(strpos($content,& # 039;& lt!--next page --& gt;')& amp& amp(!is _ feed()){这样我们就完成了长文章分页阅读的完美效果。
更多与wordpress相关的技术文章,请访问wordpress教程专栏进行学习!
评论前必须登录!
注册