wordpress 文章分页 适用的wordpress长文章分页代码

最近发现 有不少文章配上图片,写得比拟长。这样会招致页面加载速渡过慢,不利于用户体验。尤其是新增加的 wordpress主题 页面,尽管文字不多,可是每一款wordpress主题都要配上个小图片,能力让读者有个大略的理解。从而决议能否要进行演示。那么将近三十款wordpress主题加在一同,页面就十分的长。所以必需要找个办法把长文章进行分页。

在谷歌上搜寻了一下,发现有个代码处理的办法十分好。通过亲身应用,的确无效,所以在这里分享进去。

一、增加分页按钮
假如你不怕费事的话,能够在写文章的时分,切换到HTML模式,拔出上面这行代码,就不需求增加这个分页按钮了。
 
<p><!--nextpage--></p>

其实还是在编辑器上增加个分页按钮省事多了。以前也看到过经过修正代码来真实这个性能,不过我忘了。由于我不断用 wordpress编辑器加强插件:TinyMCE Advanced 。这个按钮早就有了,这里也不多说了。
2012-06-17补充:给 WordPress 3.4 文本编辑器增加分页按钮
因为我的 “非诚勿扰女嘉宾材料” fc.guansoft.com 网站也用了这篇文章中引见的长文章分页代码。但那个站没有装置 TinyMCE Advanced 插件。所以还是上网找了个比拟简略的办法在wordpress编辑器中增加这个分页按钮。办法如下:
找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’, 标签:(在366行处)
 
1 $mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">'wp_more',</SPAN></STRONG></SPAN> '¦', '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', <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000; TEXT-DECORATION: underline">'wp_more','wp_page',</SPAN></STRONG></SPAN> '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id);

此时,你就能够在后盾写文章及编辑文章页面的文本编辑器上看到一个跟 more 标签按钮类似的图标。
同样,在代码编辑器也会相应呈现一个 nextpage 按钮。
二、增加分页性能
wordpress其实自带分页性能的函数,只是没有被调用。所以咱们在编辑文章的时分,明明拔出了分页符,却看不到什么变动。要怎样样能力让调用这个函数呢?办法很简略,在主题模板文件 single.php 中找到相似上面这行代码。
 
<?php the_content(); ?>

在这行代码前面增加如下所示的代码,即可完成简略的分页性能。
 
<?php wp_link_pages(); ?>

三、丑化分页成果
尽管通过下面两步,曾经能够完成长文章的分页性能了。然而不是那么难看,上面咱们就把它丑化一下,让分页成果更完满。
首先,把上一步的分页性能代码 交换为以下代码。
 
<?php wp_link_pages(array('before' => '<p class="fenye">分页浏览:', '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' => '</p>', '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;}

最初显示成果如下图所示:

四、处理文章分页后题目反复对SEO的影响
因为长文章分页后,这几个页面的题目是一样的。会不会对SEO带来不利的影响,我也不分明。还是防止一下吧!能够经过给 wordpress 文章分页增加页码,处理题目反复的成绩。咱们能够把改成如下所示的成果:
简略适用的wordpress长文章分页代码 —冠朔wordpress插件
简略适用的wordpress长文章分页代码-第2页 — 冠朔wordpress插件
简略适用的wordpress长文章分页代码-第3页 — 冠朔wordpress插件
在主题模板文件 header.php 找到相似 <title>……</title> 代码,将其交换为如下代码。
 
<?php if ( is_single() ) { ?><title><?php echo trim(wp_title('',0)); ?><?php if (get_query_var('page')) { echo '-第'; echo get_query_var('page'); echo '页';}?> — <?php bloginfo('name'); ?></title><?php } ?>

五、防止Feed被分页
完成分页性能后,会招致Feed页面的文章被分页,普通只显示**页的内容。
处理办法:关上 wp-includes 目录下的 query.php 文件,找到上面这行代码(大略在3578行)
 
if ( strpos( $content,'<!–nextpage–>' ) ) {

把它修正为上面这行代码。
 
if ( strpos( $content, '<!--nextpage-->' ) && (!is_feed()) ) {

以上就是安达网络工作室关于《wordpress 文章分页 实用的wordpress长文章分页代码》的一些看法。更多内容请查看本栏目更多内容!

本文相关话题: 文章 分页 WordPress
版权声明:本文为 安达网络工作室 转载文章,如有侵权请联系我们及时删除。
相关文章
WordPress 避免歹意评论的办法

即便你的博客治理后盾的治理员身份被人破解了,普通他也不会同时破解你的网站空间ftp账号,所以他也更改不了...

WordPress 罕用的Ping List

WordPress的Ping List 能够经过后盾里的&ldquo;设置(Option)&rdquo;&mdash;&mdash;&ldquo;撰写(Writing)...

WordPress中文截取函数用法剖析

本文实例讲述了WordPress中文截取函数用法。分享给大家供大家参考。详细剖析如下: 很多冤家间接应用php su...

Wordpress插件的应用

要害字形容:应用 插件 Wordpress 能够 文件 需求 网站 目录 网友 Wordpress 的主题能够让你的 Wordpress ...

WordPress 嵌套回复 (优缺陷对照)

1. 它能够进步用户体验, 调动访客回复的踊跃性, 从而添加评论的数量, 能让博客变得像社区一样活泼. 2. 博客...

遗记wordpress的登录明码的处理办法(比拟简略)

起初在一站长的博客中看到了一个很简约的处理办法(当然不是重装啦,尽管也能够),就是把上面的代码写进一...

需求提交

客服服务