B2相关文章背景图扩大点击范围

本文是基于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()，直接往下面看：

简单的一句js代码，我们就完成了一个小功能的二开，打开思路很重要。