我爱自学

 找回密码
 会员注册

QQ登录

只需一步,快速开始

Discuz帖子内容页 上一篇下一篇链接

Discuz建站系统自身带有上一篇帖子和下一篇帖子点击功能,但是在右上角以图标形式展示,用户体验不足。我爱自学在此介绍上一篇下一篇功能显示位置和样式优化方法
上一篇文章已经介绍了Discuz系统,帖子内容页是自带上一篇下一篇链接功能的,但是显示样式和用户体验不好。

本篇文章简单讲解如何优化Discuz内容页上一篇下一篇链接样式
方法一:仅调整上一篇下一篇按钮位置和内容

上一篇帖子已经介绍了,Discuz系统本身是自带上一篇下一篇功能的,在默认模板forum/viewthread.htm中class="plc ptm pbn vwthd"这个位置下方,找到代码:
上一篇代码:
  1. <a href="forum.php?mod=redirect&goto=nextoldset&tid=$_G[tid]" title="{lang last_thread}"><img src="{IMGDIR}/thread-prev.png" alt="{lang last_thread}" class="vm" /></a>
复制代码
下一篇代码:
  1. <a href="forum.php?mod=redirect&goto=nextnewset&tid=$_G[tid]" title="{lang next_thread}"><img src="{IMGDIR}/thread-next.png" alt="{lang next_thread}" class="vm" /></a>
复制代码

找到后,复制出来备用。然后在viewthread.htm中删除以上代码。

打开viewthread_node.htm文件,找到<!--{if $post['relateitem']}-->

在上方加入div和p标签,然后粘贴上前面复制的代码。

将a标签内容中的img标签去除,替换为上一篇和下一篇,配上适当的CSS样式优化。

效果:显示位置和显示内容突出了,但是链接对搜索引擎仍旧不友好。

方法二:链接实现伪静态

实现方法很简单,在Discuz模板中,可以通过全局变量$_G[tid]获取当前帖子的帖子序号,通过在链接中加减1实现上一篇和下一篇链接伪静态。
  1. <a href="thread-{eval echo ($_G[tid]-1);}-1-1.html">上一篇</a>
复制代码

效果:该方法虽然实现了链接的伪静态,但是通过tid的加减并不能确保是相同板块的帖子内容。
方法三:实现同版块内帖子上下篇切换,同时显示上下篇帖子标题
效果如下图所示:

优化Discuz 帖子内容页 上一篇下一篇链接样式

优化Discuz 帖子内容页 上一篇下一篇链接样式


游客,如果您要查看本帖隐藏内容请回复


以上,就是Discuz帖子内容页上一篇下一篇链接优化方法。



点击阅读更多内容!
如果您觉得文章内容帮助到了您,不妨点点感兴趣的广告。感谢您的支持!

微信扫一扫打赏

回复

使用道具 举报

感谢楼主的分享
发表 boonkiong 发表于 2022-4-4 11:25:06
回复

使用道具 举报

我想要看看,谢谢啦,哈哈哈
发表 福星高照好 发表于 2022-4-2 23:44:33
回复

使用道具 举报

帖子中的方法三,在没有上一篇帖子或下一篇帖子时,链接仍然会输出,会增加网页中的死链接。
为改善该问题,需要通过简单的判断,判断没有上一篇帖子或下一篇帖子时,输出的内容。
发表 LCeditor 发表于 2021-12-19 19:09:46
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

手机版|小黑屋|我爱自学 ( 蜀ICP备19015358号-3 )

GMT+8, 2024-4-26 13:30 , Processed in 0.095871 second(s), 29 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

本站大部分教程是网站原创教程,一部分教程为我爱自学(http://www.5izixue.com)编辑收集整理。

如果您需要转载我爱自学网站教程,请注明“资料来源:我爱自学(5izixue)”字样并注明本站网址。

编辑收集整理的教程版权归原作者所有,本站只提供网友交流学习使用,请勿用于商业用途,如果该文章有任何侵犯您权益的地方,请联系我们(569705694@qq.com),我们将在第一时间进行处理!谢谢您的支持!

快速回复 返回顶部 返回列表