本文是基于B2主题2.5.1之前版本,文章上下篇文章带背景图样式的二开改造,如果你想在2.5.1版本上改造,先看这篇文章《2.5.1版B2文章内页底部上一篇下一篇背景图片被取消了?》
有网友在群里问,b2文章上下篇背景图只能点击标题跳转,想扩大点击范围,直接点整个背景图跳转可不可以?
雕哥说,可以。
通过F12查看文章相关背景的样式,我们可以知道上一篇文章的css样式是:
<div class="post-pre-next-in">
这个div是关键,我们直接手动给他加上一个js代码测试一下;
onclick="javascript:location.href='/'"
我们把鼠标移动到背景图上,再点击,就可以发现成功跳转到首页了,那对应的下一篇就是 post-pre-next-in ,既然如此,我们照葫芦画瓢到对应文件尝试修改模板代码,替换href网址为文章地址即可。
文件路径:Modules\Templates\Single.php
找到函数:public function next_pre_posts(),直接往下面看:
隐藏内容,您需要满足以下条件方可查看
End
看看学习一下