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

不知道大家是否有留意，部分媒体大站经常在文章最后带有分页功能，但是这些分页很多都是假的，点击这些页码往往都是跳到另一篇不相关的文章，这种做法估计是为了增加用户停留时间从而降低跳出率。那么我们 WordPress 站点的文章有没有可能也实现这个功能呢？

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

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

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

直接编辑 Nana 主题的 functions.php 文件，找到以下代码（PS：记得将【】改为[]）

<option value="【lxtx_fa_insert_post ids=id1,id2】">插入站内文章</option>

在它下方添加以下代码

<option value="【boke112_insert_post idss=id1,id2,id3】">插入 3 篇页码文章</option>

然后在 functions.php 文件最后添加一个 ?>的前面添加以下代码

//通过短代码添加 3 篇页码相关文章
function boke112_insert_posts($attss,$contents = null ){
extract( shortcode_atts( array('idss' => ''),$attss ) );
$contents = '';
$postidss =  explode(',', $idss);
$id1=$postidss[0];
$id2=$postidss[1];
$id3=$postidss[2];
$contents .=  '<div class="page-links"><span>1</span><a rel="noopener" target="_blank" href="'.get_permalink( $id1 ).'"><span>2</span></a><a rel="noopener" target="_blank" href="'.get_permalink( $id2 ).'"><span>3</span></a><a rel="noopener" target="_blank" href="'.get_permalink( $id3 ).'"><span><i class="fa fa-angle-right"></i></span></a></div>';
return $contents;
}
add_shortcode('boke112_insert_post', 'boke112_insert_posts');

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

2、页码相关文章的使用方法

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

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

总结

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

[boke112_insert_post idss=3789,3177,3674]

本文地址：https://boke112.com/post/6075.html