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

转载 boke112导航  2018年11月20日 17:19:11  阅读 94 次 评论 0 条

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

WordPress如何在文章后添加类似页码的相关文章? 技术文档 第1张

前段时间在麦田故事网发现他的文章最后都带有页码,点击发现这些页码也是指向不同的文章,这种方法 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张

WordPress如何在文章后添加类似页码的相关文章? 技术文档 第3张

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

总结

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

历史上的今天:

文章标签: ,   ,  
本文地址:https://www.yigujin.cn/1815.html
温馨提示:文章内容系作者个人观点,不代表懿古今对观点赞同或支持。
版权声明:本文为转载文章,来源于 boke112导航 ,版权归原作者所有,如有侵权请留言告知,谢谢合作!

相关文章 分类热门分类热评随机文章

发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

表情

阿里云双12嘉年华云服务器优惠价:1核1G100%CPU仅售277元/年,1核1G100%CPU仅售708元/3年,2核4G100%CPU仅售2160元/3年,1核2G10%CPU仅售825元/3年。