wordpress怎么实现文章分页-WordPress

资源魔 60 0

wordpress怎样完成文章分页?

因为篇幅太长招致页面加载速率过慢,升高用户体验,以是必需要找个办法把长文章进行分页,搜寻了一下,发现有个代码处理的办法十分好。通过亲身应用,的确无效,以是正在这里分享进去,感兴味的你可没有要错过了哈

保举:《wordpress教程

比来发现 有很多文章配上图片,写患上比拟长。这样会招致页面加载速率过慢,无益于用户体验。尤为是新增加的 wordpress主题 页面,尽管文字没有多,可是每一一款wordpress主题都要配上个小图片,能力让读者有个大略的理解。从而决议能否要进行演示。那末快要三十款wordpress主题加正在一同,页面就十分的长。以是必需要找个办法把长文章进行分页。

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

1、增加分页按钮

假如你没有怕费事的话,能够正在写文章的时分,切换到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行处)

代码以下:

$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 按钮。

2、增加分页性能

wordpress其实自带分页性能的函数,只是不被挪用。以是咱们正在编纂文章的时分,明明拔出了分页符,却看没有到甚么变动。要怎样样能力让挪用这个函数呢?办法很简略,正在主题模板文件 single.php 中找到相似上面这行代码。

代码以下:

<?php the_content(); ?>

正在这行代码前面增加以下所示的代码,便可完成简略的分页性能。

代码以下:

<?php wp_link_pages(); ?>

3、丑化分页成果

尽管通过下面两步,曾经能够完成长文章的分页性能了。然而没有是那末难看,上面咱们就把它丑化一下,让分页成果更完满。

起首,把上一步的分页性能代码 交换为如下代码。

代码以下:

<?php wp_link_pages(array('before' => '<div 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' => '</div>', '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

4、处理文章分页后题目反复对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 } ?>

5、防止Feed被分页

完成分页性能后,会招致Feed页面的文章被分页,普通只显示第一页的内容。

处理办法:关上 wp-includes 目次下的 query.php 文件,找到上面这行代码(大略正在3578行)

代码以下:

if ( strpos( $content,'<!–nextpage–>' ) ) {

把它修正为上面这行代码。

代码以下:

if ( strpos( $content, '<!--nextpage-->' ) && (!is_feed()) ) {

更多WordPress相干技巧文章,请拜访WordPress教程栏目:https://www.php.cn/cms/wordpress/

以上就是wordpress怎样完成文章分页的具体内容,更多请存眷资源魔其它相干文章!

标签: WordPress wordpress教程 wordpress自学 wordpress技术

抱歉,评论功能暂时关闭!