WordPress如何在文章后添加类似页码的相关文章?

不知道大家是否有留意,部分博客经常在文章最后带有分页功能,但是这些分页很多都是假的,点击这些页码往往都是跳到另一篇不相关的文章,这种做法估计是为了增加用户停留时间从而降低跳出率。要怎么才能实现这种功能?

WordPress如何在文章后添加类似页码的相关文章?1技术教程主机格调

前段时间在麦田故事网发现他的文章最后都带有页码,点击发现这些页码也是指向不同的文章,我们可以称之为“类似页码的相关文章”。这个站点的页码都是链接到相同的文章,估计是直接复制主题的文章页码然后修改地址后添加到 single.php 文件中。这种方法比较简单,但是太过千篇一律,对用户不太友好。

后来想起我们完全可以通过短代码的方式,在不同的文章通过短代码插入不同的 ID 文章,从而实现添加不同的相关文章到这些页码中。这里以Nana 主题为例进行说明:

添加 3 篇页码相关文章功能

直接编辑 Nana 主题的 functions.php 文件,找到以下代码(PS:记得将【】改为[])

  1. <ol class="linenums"><li class="L0"><span class="tag">&lt;option</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"【lxtx_fa_insert_post ids=id1,id2】"</span><span class="tag">&gt;</span><span class="pln">插入站内文章</span><span class="tag">&lt;/option&gt;</span></li></ol><p>在它下方添加以下代码</p><ol class="linenums"><li class="L0"><span class="tag">&lt;option</span><span class="pln"> </span><span class="atn">value</span><span class="pun">=</span><span class="atv">"【boke112_insert_post idss=id1,id2,id3】"</span><span class="tag">&gt;</span><span class="pln">插入 3 篇页码文章</span><span class="tag">&lt;/option&gt;</span></li></ol><p>然后在 functions.php 文件最后添加一个 ?&gt;的前面添加以下代码</p><ol class="linenums"><li class="L0"><span class="com">//通过短代码添加 3 篇页码相关文章</span></li><li class="L1"><span class="kwd">function</span><span class="pln"> boke112_insert_posts</span><span class="pun">(</span><span class="pln">$attss</span><span class="pun">,</span><span class="pln">$contents </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">null</span><span class="pln"> </span><span class="pun">){</span></li><li class="L2"><span class="pln">extract</span><span class="pun">(</span><span class="pln"> shortcode_atts</span><span class="pun">(</span><span class="pln"> array</span><span class="pun">(</span><span class="str">'idss'</span>&lt;span%20class="pln"&gt; <span class="pun">=&gt;</span><span class="pln"> </span><span class="str">''</span>&lt;span%20class="pun"&gt;),<span class="pln">$attss </span><span class="pun">)</span><span class="pln"> </span><span class="pun">);</span></li><li class="L3"><span class="pln">$contents </span><span class="pun">=</span><span class="pln"> </span><span class="str">''</span>&lt;span%20class="pun"&gt;;</li><li class="L4"><span class="pln">$postidss </span><span class="pun">=</span><span class="pln">  explode</span><span class="pun">(</span><span class="str">','</span>&lt;span%20class="pun"&gt;,<span class="pln"> $idss</span><span class="pun">);</span></li><li class="L5"><span class="pln">$id1</span><span class="pun">=</span><span class="pln">$postidss</span><span class="pun">[</span><span class="lit">0</span><span class="pun">];</span></li><li class="L6"><span class="pln">$id2</span><span class="pun">=</span><span class="pln">$postidss</span><span class="pun">[</span><span class="lit">1</span><span class="pun">];</span></li><li class="L7"><span class="pln">$id3</span><span class="pun">=</span><span class="pln">$postidss</span><span class="pun">[</span><span class="lit">2</span><span class="pun">];</span></li><li class="L8"><span class="pln">$contents </span><span class="pun">.=</span><span class="pln">  </span><span class="str">'&lt;div class="page-links"&gt;&lt;span&gt;1&lt;/span&gt;&lt;a rel="noopener" target="_blank" href="'</span>&lt;span%20class="pun"&gt;.<span class="pln">get_permalink</span><span class="pun">(</span><span class="pln"> $id1 </span><span class="pun">).</span><span class="str">'"&gt;&lt;span&gt;2&lt;/span&gt;&lt;/a&gt;&lt;a rel="noopener" target="_blank" href="'</span>&lt;span%20class="pun"&gt;.<span class="pln">get_permalink</span><span class="pun">(</span><span class="pln"> $id2 </span><span class="pun">).</span><span class="str">'"&gt;&lt;span&gt;3&lt;/span&gt;&lt;/a&gt;&lt;a rel="noopener" target="_blank" href="'</span>&lt;span%20class="pun"&gt;.<span class="pln">get_permalink</span><span class="pun">(</span><span class="pln"> $id3 </span><span class="pun">).</span><span class="str">'"&gt;&lt;span&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;'</span>&lt;span%20class="pun"&gt;;</li><li class="L9"><span class="kwd">return</span><span class="pln"> $contents</span><span class="pun">;</span></li><li class="L0"><span class="pun">}</span></li><li class="L1"><span class="pln">add_shortcode</span><span class="pun">(</span><span class="str">'boke112_insert_post'</span>&lt;span%20class="pun"&gt;,<span class="pln"> </span><span class="str">'boke112_insert_posts'</span>&lt;span%20class="pun"&gt;);</li></ol>

以上$contents 的内容就是主题的文章分页代码,如果不是 Nana 主题的,请找一篇自己站点分页的文章,然后获取分页源代码后替换上述代码即可,记得保留上述代码中获取指定 ID 的链接地址代码哦。

页码相关文章的使用方法

直接在编辑文章的时候,将鼠标定位到文章最后,点击编辑器上方的“插入 3 篇页码文章”,然后将 id1,id2,id3 改为相应文章的 ID 即可(具体效果见本文最后的页码)。具体如下图所示:

WordPress如何在文章后添加类似页码的相关文章?3技术教程主机格调

WordPress如何在文章后添加类似页码的相关文章?5技术教程主机格调

ID 之间用英文逗号隔开,本文只是设置了 3 篇文章,如果需要添加不等于 3 篇文章的,请自行修改第 1 步的代码。PS:boke112 导航认为 3 篇文章是最适合的,显示 3 个页码加一个翻页按钮,看起来不累赘也不会过于简单。

总结

建议大家在使用这个“类似页码的相关文章”时,最好是添加跟本文内容相关的文章,这样才会最大限度地降低用户的反感,而且不建议每篇文章都添加,建议在适当的时候在某些文章上添加,这样才会起到意想不到的功效。同时,也不建议在分页文章中使用,要不然就会在最后一页中出现两个页码按钮,会显得特别突兀。

【声明1】:如本站转载别的站的文章,我个人没有添加来源,您可以发电邮:admin#zhuji.gd 提醒我,我会尽快添加文章来源。 【声明2】:本博客不参与任何交易及中介服务,只记录 VPS 测评和优惠,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
(0)
上一篇 03/03/2019
下一篇 03/03/2019

相关推荐

  • 博客写手怎么突破更新文章的困境

    现在博客建站的成本一直是越来越低,大容量的VPS也就百八十块钱,域名阿里云天天搞活动不是9块就是19块。 但是难度却没有随着成本降低而降低,因为内容更新始终是博客最难的一关 一个站点如果长时间不更新的话,就没有收录,收益就会越来越少。 毕竟人都有惰性,更不用说长期见不着收益,始终缺乏持续更新的动力。 不知道大家是否遇到更新文章的困境?每天都在为更新什么文章而发愁。 [ad] 采集是最快的,也是最容易出问题的。 ...

    27/03/2019
    10.4K0
  • Debian 10 如何启用 BBR 加速

    本站搬瓦工 VPS 安装了最新的 Debian 10 。该系统基于Linux 4.19内核,默认编译了 BBR 模块,通过以下步骤来开启 BBR。启用 BBR 后,网站速度明显有所提升。 1、修改系统变量 echo "net.core.default_qdisc=fq" >> /etc/sysctl.conf echo "net.ipv4.tcp_congestion_control=bbr" >> /etc/sysctl.conf 2、保存生效 sysctl -p 3、查看内核是否已开启BBR sysctl net.ipv4.tcp_available_congestion_control 显示以下即...

    技术教程 03/10/2020
    900
  • 最简单的 WordPress 速度优化方案:WP Super Cache + Redis

    对于很多使用 WordPress 建站的童鞋,网站速度优化是一件非常困难的事情。现在基本都是用宝塔面板建站,所以今天就推荐一个在宝塔面板下最简单的 WordPress 速度优化方案 WP Super Cache + Redis。 WP Super Cache 是目前最高效最简单的 WordPress 静态缓存插件,把整个网页直接生成 HTML 文件,能使  WordPress 博客访问速度明显提升。 Redis 是基于内存亦可持久化的Key-Value数据库,查询速度会更快,并发数更多,让网站达到...

    05/07/2020
    1300
  • 如何在百度云虚拟主机BCH上配置WordPress伪静态

    今天将手中一个站点迁移到百度云虚拟主机,迁移完毕后,发现网站首页出现错位,所有的文章页显示404报错。此问题应该是站点未进行伪静态设置。用久了 VPS 云服务器,都不知道怎么设置虚拟主机的 WordPress 伪静态了。官方给出的代码鸟用没用,找了半天找到一个可以用的。 百度云虚拟主机支持 Nginx+ PHP 运行环境 ,可以通过 bcloud_nginx_user.conf 来设置。 伪静态设置 1、在 NotePad++ 中,编码格式为 UTF-8 ,复制以下伪静...

    06/03/2021
    600
  • 一键测速脚本superspeed修复版:zq-superspeed;更新快/可测单线程和多线程

    之前分享过uxh 的一键测速脚本 superspeed 修复版,经常用来测试VPS的上传和下行,在这几天主机测评中发现,这个脚本节点超时或异常。在缙哥哥博客看到另外一个版本的 superspeed 修复版,可以测试单线程和多线程,更新比较快,有需要的童鞋可以用这个。 superspeed 修复版 项目地址:https://github.com/zq/superspeed/ bash <(wget -qO- https://bench.im/hyperspeed) 下面是搬瓦工洛杉矶DC9 CN2GIA限量版上传和下行测速。

    05/12/2022
    1.4K0
  • 收不到 Google AdSense 广告联盟 PIN 码怎么办?

    最近一直为收不到Google AdSense 广告联盟的PIN码而苦恼。连续申请了三次,都没有收到。一般这个PIN码都是广告收入超过10美元,Google AdSense会通过以邮寄的方式寄给网站站长,验证 AdSense 账户的真实地址。如果一直收不到Google AdSense邮寄的PIN码,是会被暂停广告展示的。 延伸阅读: 用Google Adsense自动广告来赚更多的钱 哪种类型的网站最容易获得Adsense稳定收入? WordPress网站都可能违规的5个Google Adsense广告规...

    22/07/2019
    470
  • 性价比高便宜的域名 SSL 证书,可选BaiduTrust、PositiveSSL、TrustAsia

    Let's Encrypt 因更换根证书,部分老旧设备访问时可能提示不可信,并且前段时间因为 CAA 验证 Bug 导致300多万张使用 Let's Encrypt 证书从3月4日起开始被强制吊销,安全性和稳定性较差。不推荐配置 Let's Encrypt 免费证书,建议转向收费 SSL 证书,有没有便宜又大碗的域名 SSL 证书? TrustAsia 很多国内主机商提供 TrustAsia 免费的单域名 DV 证书。现在 TrustAsia SSL 证书在国内建站占有率可能已经超过 Let's Encrypt。手...

    05/05/2021
    5.4K0
  • ChatGPT 聊天 AI / Midjourney 绘画 AI / 奈飞油管账号合租开车平台:银河录像局

    如何快速体验最新的 ChatGPT 、Midjourney AI 工具?目前使用这些 AI 工具,都不能在国内使用,需要海外环境。现在仅仅两杯奶茶钱就可以体验最新的 ChatGPT 、Midjourney 绘画 AI 工具账号合租平台-银河录像局。 除了 AI 工具合租,银河录像局还提供 Netflix奈飞网飞、Youtube油管、Spotify、Disney、iCloud+、Apple One 等国外流媒体服务账号分享合租开车平台。 银河录像局跟奈飞小铺、蜜糖商店一样都是做账号分享合租开车平台...

    23/04/2023
    1.0K0
  • WordPress网站如何给原创文章添加版权信息?

    最近本站原创文章更新频率比较高,由于前期网站转载文章数量较多,造成搜索引擎收录本站原创文章较慢。 有些收录快的网站,转载我的原创文章,造成原创网站还没有收录,但是转载网站已经收录。文章就在那里,不能做事先预防,所以没有什么有效的破解办法。 无非两种,友情提醒要求对方加上版权信息;要不就是增加对方转载后文章后期处理难度,放弃转载。 文章末添加版权信息 <script ="text/javascript">function addLink...

    24/05/2020
    12.9K0
  • WordPress 支持上传 webp 图片的方法

    现在 WordPress 已经支持 webp 图片显示,但是媒体库却不支持上传 webp 图片格式。WebP 具有更优的图像数据压缩算法,能带来更小的图片体积,而且拥有肉眼识别无差异的图像质量,效果优于 JPG、PNG。 如果上传 webp 图片不受支持的图片格式时,提示报错:上传失败。抱歉,由于安全原因,这个文件类型不受支持。 WordPress 上传 webp 图片权限的方法: 将以下代码添加到主题文件 functions.php 保存即可。 add_filter('upload_mi...

    技术教程 25/09/2020
    580
返回顶部