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

投稿   懿古今  2016-06-14 07:31:15  1,123 人阅读  28 条评论

投放广告联系   诚邀合作伙伴   赞助我们   本站公告   轻松一刻

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

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

大概的实现思路:

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

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

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

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

  1. /*
  2. * 懿古今博客分享
  3.  * 如何在WordPress文章分页中添加【阅读全文】按钮
  4.  * https://yigujin.cn//786.html
  5.  */
  6. add_filter('the_content', 'allpage_show', 0);
  7. function allpage_show($content) {
  8. global $posts,$domain;
  9. $url=home_url(add_query_arg(array()));
  10. $short_url = str_replacearray( 'http://', 'www.' ), '', $url );
  11. $short_url = untrailingslashit( $short_url );
  12. $strdomain = explode("/",$short_url);
  13. $domain = $strdomain[2];
  14. if ($domain=='all') {
  15. $content = $posts[0]->post_content;
  16. $content = str_replace"<!--nextpage-->", '<div id="quanwen"></div>', $content );
  17. }
  18. return $content;
  19. }
  20. add_action('init', 'allpage_permalink', -1);
  21. function allpage_permalink() {
  22.     global $wp_rewrite;
  23.     $wp_rewrite->add_endpoint("all", EP_ALL);
  24.     $wp_rewrite->flush_rules();
  25. }

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

PS:WordPress的固定连接是自定义结构:https://yigujin.cn//%post_id%.html,经测试有效可用,其他结构的请自行测试。

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 $domainif($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 the_permalink() ?>/all#quanwen"><span>阅读全文</span></a>
  8. <?php } ?>
  9. </div>
  10. <?php } ?>

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

如何在WordPress文章分页中添加【阅读全文】按钮 第2张

如何在WordPress文章分页中添加【阅读全文】按钮 第3张

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

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

温馨提示:

本办法于2016年9月30日更新代码以实现点击【阅读全文】按钮时直接跳转到第二页的内容,不用再重头看起,不过有一个缺点,那就是如果顶端的导航菜单是固定悬浮的话,会遮挡到第二页部分内容(遮挡多少视导航菜单高度而定),对于导航菜单不悬浮的站点无影响。

如果文章对你有帮助,请赞赏支持作者继续创作!

历史上的今天:

文章标签: ,   ,  
原文地址:http://yigujin.wang/786.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 懿古今 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress虚拟主机和VPS服务器推荐

 发表评论


  1. 一介小民
    一介小民 【状元】 @回复

    /2017-08-17/9813.html发现问题是网址反面不能带“-”否则失效

    • 懿古今
      懿古今【村长】2017-10-05 16:39  回复

      @一介小民文中已有提示,这个方法只测试了跟本站类似的URL结构,其他结构请自行研究对比,你说的结构我没试过

  2. 一介小民
    一介小民 【状元】 @回复

    突然发现阅读全文无效了,我的站。国庆快乐

  3. 中华神韵网
    中华神韵网 【举人】 @回复

    还是不添加了,多点pv,哈哈哈哈

    • boke112导航
      boke112导航【村长】2016-07-08 20:49  回复

      @中华神韵网[呲牙] 这个就看个人理解了,喜欢就折腾上,不喜欢就随意,关键还是要自己喜欢

  4. 美女诱惑
    美女诱惑 【小白】 @回复

    挺好的,可以搞个

  5. 鲸鱼在喷水
    鲸鱼在喷水 【秀才】 @回复

    收藏备用,目前不想折腾这些,专注内容。

  6. benen005
    benen005 【进士】 @回复

    确实不错

  7. 江西养牛人
    江西养牛人 【状元】 @回复

    我的文章也基本上就是一页,首先自己不怎么喜欢分页;其次也没那么好的文采能写出很多文字;所以,所以就用不上了。哈哈

    • boke112导航
      boke112导航【村长】2016-06-14 21:06  回复

      @江西养牛人[呲牙] 其实能够一页说完的就一页搞定,实在不行就分成两篇文章来说也挺好的

  8. 斯托克笔记
    斯托克笔记 【秀才】 @回复

    WP的教程好多啊,当初看中了ZB的简洁,但后来发现如果出现问题的话很不方便处理,对我这种技术白而言,我博客的默认主题估计要用到关站那天了,哈哈。

    • boke112导航
      boke112导航【村长】2016-06-14 21:04  回复

      @斯托克笔记其实什么程序什么主题不重要,关键还是要有干货文章

  9. 明月登楼的博客
    明月登楼的博客 【王爷】 @回复

    因为分页静态化搞不好,所以我基本上都不用分页!

    • boke112导航
      boke112导航【村长】2016-06-14 17:52  回复

      @明月登楼的博客感觉还行吧,不过文章不长的话确实不建议分页,实在太长的话可以分两篇文章来发布

  10. 龙凯的博客
    龙凯的博客 【秀才】 @回复

    有用

  11. 成航先森
    成航先森 【举人】 @回复

    我的主题连分页都没有呢。。。

    • boke112导航
      boke112导航【村长】2016-06-14 17:53  回复

      @成航先森一般情况下不建议分页,实在太长的话可以分几篇文章来写会更好

  12. 孟子非博客
    孟子非博客 【状元】 @回复

    看着非常不错

  13. 雅兮网
    雅兮网 【尚书】 @回复

    这个好,正在在找这个教程

    • boke112导航
      boke112导航【村长】2016-06-14 17:54  回复

      @雅兮网[呲牙] 水平有限只能实现这个功能,未能优化代码

  14. 好文推荐
    好文推荐 【尚书】 @回复

    都是一页搞定的

  15. 捌零男人
    捌零男人 【举人】 @回复

    文章都是一页解决,量多的拆两篇

  16. 网扑蜘
    网扑蜘 【举人】 @回复

    还好自己不用折腾主题,不劳而获别个的主题,代码修改,太麻烦了。

    • 好文推荐
      好文推荐 【尚书】2016-06-14 17:42  回复

      @网扑蜘一样啊、喜欢现成的用着

    • boke112导航
      boke112导航【村长】2016-06-14 17:55  回复

      @网扑蜘各有各的好,会折腾也有折腾的乐趣的

  17. 纯洁博客
    纯洁博客 【状元】 @回复

    看着很不错

  18. 演绎法
    演绎法 【进士】 @回复

    wp不好用啊亲