位置:首页 > CMS教程 > WordPress

如何让wordpress长文章分页(wordpress如何安装)

发布时间:2023-04-10 10:44:51

文章来源:快乐收录网

访问次数:

 

对于分页,大多情况下我们在用在列表页面的,当一个列表分类下的文章数量过多的时候,我们需要通过wordpress分页插件来实现让用户在多个页面来查看。如下图:6wF快乐收录网

6wF快乐收录网

但有时某篇文章为了阐述清楚某个问题,需要通过文字加图片的方式来配合展现,就会导致整个单独文章页面篇幅过长,而且也影响页面的加载速度,这时我们也可以wordpress长文章分页显示。6wF快乐收录网

实现这种效果也有二种方法,一种是使用wordpress长文章分页插件,另一种就是通过修改代码的方式来实现,这种方法有一定的难度,如果不了解WORDPRESS程序,可以先学习wordpress入门教程,或者参加学做网站论坛的零基础建站培训6wF快乐收录网

wordpress长文章分页的操作步骤:6wF快乐收录网

第一步:进入自己做网站的后台,在外观下找到“编辑”选项,然后找到文章页面模块single.php,在single.php中找到下面的代码6wF快乐收录网

<?php the_content(); ?>

第二步:找到上面的代码之后,在其下方添加wordpress自带的分页功能函数代码:6wF快乐收录网

<?php wp_link_pages(); ?>6wF快乐收录网

第三步:第二步的代码可以实现简单的分页效果,如果你想让分页按钮更加美观的话,可以将第二步的代码替换成下面的调用代码:6wF快乐收录网

<?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视频教程 6wF快乐收录网

)来控制分页按钮的显示样式,直接复制下面的CSS样式到style.css文件中,这样就可以实现下面的效果6wF快乐收录网

/**页面分页**/6wF快乐收录网

.fenye{text-align:center;margin:0px auto 10px;font-weight:bold}6wF快乐收录网

.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;}6wF快乐收录网

.fenye a{text-decoration:none;}6wF快乐收录网

.fenye a span{background-color:#F6F6E8;font-weight: normal;color: #000;text-decoration: none;}6wF快乐收录网

.fenye a:hover span{background-color:#DDDDDD;color: #fff;}

第四步:在文章中需要分页的位置插入分页代码【必须在代码文本模式下插入】6wF快乐收录网

<p><!--nextpage--></p>

第五步:如果你觉得每次使用分页代码的方法比较麻烦,可以通过在编辑器上方添加一个“分页按钮”来使用,即在文章中需要分页的地方点一下“分页按钮”就会自动的添加分页代码。【此步可做可不做】6wF快乐收录网

1、找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’, 标签:(在366行处)6wF快乐收录网

$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’, (含单引号和逗号)。修改后代码如下:6wF快乐收录网

$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 标签按钮相似的图标。6wF快乐收录网

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

第六步:消除分类后不同页面的文章的标题相同的问题,避免影响网站SEO优化(相关知识:什么是SEO)。在主题模板文件 header.php 找到类似 <title>……</title> 代码,将其替换为如下代码。6wF快乐收录网

<?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行)6wF快乐收录网

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

把它修改为下面这行代码。6wF快乐收录网

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

这样我们就完成了完美的长文章分页阅读的效果了。6wF快乐收录网

6wF快乐收录网

  《如何让wordpress长文章分页(wordpress如何安装)》更新于时间:2023-04-10 10:44:51;由本站小编进行发布,目前浏览的小伙伴达到,感谢你们的支持,后期快乐收录网小编会继续为大家更新更多相关的文章,希望广大网友多多关注快乐收录网工作心得栏目,如果觉得本站不错,那就给我们一个分享的支持吧!

如何让wordpress长文章分页(wordpress如何安装)特别声明

本站快乐收录网提供的如何让wordpress长文章分页(wordpress如何安装)都来源于网络,不保证文章的准确性和真实性,同时,对于该文章所造成的影响,不由快乐收录网实际控制,在2023-04-10 10:44:51收录时,该网页上的内容,都属于合规合法,如有侵权违规,可以直接联系网站管理员进行整改或删除,快乐收录网不承担任何责任。

快乐收录网:致力于优质、实用的网络站点资源收集与分享!本文地址:https://nav.klxjz.cn/CMS/WordPress/93499.html转载请注明

标签: