偶然单个文章页面篇幅太长,会影响页面加载速率和用户体验,这时候我们须要运用WordPress长文章分页显现。完成分页有二种要领,一种是运用wordpress长文章分页插件,另一种是经由过程修正代码来完成。
WordPress长文章分页的操纵步骤:
第一步:进入WordPress网站背景,在表面下找到“编辑”选项,然后找到文章页面模块single.php,在single.php中找到下面的代码
<?php the_content(); ?>
第二步:找到上面的代码以后,在其下方增加wordpress自带的分页功用函数代码:
<?php wp_link_pages(); ?>
第三步:第二步的代码能够完成简朴的分页结果,假如你想让分页按钮越发雅观的话,能够将第二步的代码替换成下面的挪用代码:
<?php wp_link_pages(array('before' => '<div>分页浏览:', '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代码来掌握分页按钮的显现款式,直接复制下面的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;}
第四步:在文章中须要分页的位置插进去分页代码【必须在代码文本形式下插进去】
<p><!--nextpage--></p>
第五步:假如以为每次运用分页代码比较贫苦,能够经由过程在编辑器上方增加一个“分页按钮”来运用,即在文章中须要分页的处所点一下“分页按钮”就会自动的增加分页代码。【此步可做可不做】
1、找到 /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);
2、在 ‘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);
3、此时,你就能够在背景写文章及编辑文章页面的文本编辑器上看到一个跟 more 标签按钮相似的图标。
一样,在代码编辑器也会响应涌现一个 nextpage 按钮。
第六步:消弭分类后差别页面的文章的题目雷同的题目,防止影响网站SEO优化。在主题模板文件 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页面的文章被分页,平常只显现第一页的内容,解决要领:翻开 wp-includes 目录下的 query.php 文件,找到下面这行代码(大概在3578行)
if ( strpos( $content,'<!–nextpage–>' ) ) {
把它修正为下面这行代码。
if ( strpos( $content, '<!--nextpage-->' ) && (!is_feed()) ) {
如许我们就完成了圆满的长文章分页浏览的结果了。
更多wordpress相干技术文章,请接见wordpress教程栏目举行进修!
以上就是wordpress怎样发长文章的细致内容,更多请关注ki4网别的相干文章!