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

转载  boke112导航   2024-03-23 09:35:17 更新  技术文档

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

WordPress如何在文章后添加类似页码的相关文章? - 第1张 - 懿古今(www.yigujin.cn)

前段时间在麦田故事网发现他的文章最后都带有页码,点击发现这些页码也是指向不同的文章,这种方法 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 即可(具体效果见本文最后的页码)。具体如下图所示:

WordPress如何在文章后添加类似页码的相关文章? - 第2张 - 懿古今(www.yigujin.cn)

WordPress如何在文章后添加类似页码的相关文章? - 第3张 - 懿古今(www.yigujin.cn)

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

总结

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

你可能感兴趣的文章

文章标签: ,   ,  
版权声明:本文为转载文章,来源于 boke112导航 ,版权归原作者所有!转载此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!
淘宝和京东热销产品和VIP会员的优惠券推荐

发表评论