您的位置 首页 php

如何在WordPress文章分页中添加阅读全文按钮

我们大多数的WordPress主题都有文章分页的功能,但是都没有【阅读全文】的功能按钮,如果只是分页1到3页倒是无所谓,但是如果分成很多页的话,为了提高用户体验,个人认为很有必要在文章分页码旁边增加一个【阅读全文】的按钮。今天就跟大家说一说如何在WordPress文章分页中添加【阅读全文】按钮。

大概的实现思路:

为分页文章增加一个【阅读全文】按钮,这个按钮的链接地址就是在该文章的链接地址后面增加/all,然后通过判断该文章的链接地址后面是否为all,如果是就显示全文,去除分页代码;如果不是就跟平时一样显示分页代码。

WordPress 文章分页中添加【阅读全文】按钮的详细步骤:

PS:本文以Nana主题为例说法,方法适用于懿古今折腾的主题,包括Unite主题和Three主题,其他主题请大家参考修改实现。

1、在主题的functions.php最后一个?>前面添加以下代码:

  1. //文章分页中的阅读全文按钮

  2. add_filter(‘the_content’, ‘allpage_show’, 0);

  3. function allpage_show($content) {

  4. global $posts,$domain;

  5. $url=home_url(add_query_arg(array()));

  6. $short_url = str_replace( array( ‘ ‘www.’ ), ”, $url );

  7. $short_url = untrailingslashit( $short_url );

  8. $strdomain = explode(“/”,$short_url);

  9. $domain = $strdomain[2];

  10. if ($domain==’all’) {$content = $posts[0]->post_content;}

  11. return $content;

  12. }

  13. add_action(‘init’, ‘allpage_permalink’, -1);

  14. function allpage_permalink() {

  15. global $wp_rewrite;

  16. $wp_rewrite->add_endpoint(“all”, EP_ALL);

  17. $wp_rewrite->flush_rules();

  18. }

其中文章分页后的地址是这种格式的(就是页码在第二个斜杠/后面的)就不用修改,要不然请自行修改代码$domain = $strdomain[2]; 中的2,如是在第三个斜杠/后面,就将2改为3,以此类推。

2、在主题的single.php文件中找到以下代码:

  1. <?php wp_link_pages(array(‘before’ => ‘<div class=”page-links”>’, ‘after’ => ”, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ‘<span>上一页</span>’, ‘nextpagelink’ => “”)); ?>

  2. <?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘number’, ‘link_before’ =>'<span>’, ‘link_after’=>'</span>’)); ?>

  3. <?php wp_link_pages(array(‘before’ => ”, ‘after’ => ‘</div>’, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ”, ‘nextpagelink’ => “<span>下一页</span>”)); ?>

替换为以下代码:

  1. <?php global $domain; if($domain != ‘all’){?>

  2. <div class=”page-links”>

  3. <?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ‘<span>上一页</span>’, ‘nextpagelink’ => “”)); ?>

  4. <?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘number’, ‘link_before’ =>'<span>’, ‘link_after’=>'</span>’)); ?>

  5. <?php wp_link_pages(array(‘before’ => ”, ‘after’ => ”, ‘next_or_number’ => ‘next’, ‘previouspagelink’ => ”, ‘nextpagelink’ => “<span>下一页</span>”)); ?>

  6. <?php if ( $numpages > ‘1’ ) {?>

  7. <a href=”<?php%20the_permalink()%20?>/all”><span>阅读全文</span></a>

  8. <?php } ?>

  9. </div>

  10. <?php } ?>

到了这里,我们就已经成功为Nana主题的文章分页功能添加了【阅读全文】的按钮。我们只需要在编辑文章的时候,把光标停放在想要分页的地方,点击一下“分页符”按钮即可分页。 只要文章有分页的,就会出现【阅读全文】按钮。

添加【阅读全文】按钮后的效果图

本办法已经在懿古今和boke112导航两个站点成功运行,具体效果请点击本文的【阅读全文】按钮试试。

本文地址:

版权声明: 本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!

文章来源:智云一二三科技

文章标题:如何在WordPress文章分页中添加阅读全文按钮

文章地址:https://www.zhihuclub.com/152526.shtml

关于作者: 智云科技

热门文章

网站地图