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(),直接往下面看:

隐藏内容,您需要满足以下条件方可查看
End
简单的一句js代码,我们就完成了一个小功能的二开,打开思路很重要。

人已赞赏
二次开发

B2主题如何批量修改文章隐藏内容阅读权限?

2020-10-15 21:44:52

雕营销

逆水寒进剧情过图画面黑屏卡死无反应但是有声音的解决方法

2018-6-29 16:14:58

免责声明本文中提到的资源均来自于互联网,仅供个人学习交流,若您喜欢本文可附上原文链接随意转载。
版权人申诉:我要申诉
5 条回复 A文章作者 M管理员
  1. 我也来看看文章

  2. 我也来看看文章

  3. 楼上的访客也可以评论后看到?

  4. 我也来看看文章😊

  5. […] 恰好,我之前修改过这部分代码,新增功能:《相关文章背景图扩大点击范围》,所以我们直接切到代码我们一看便知: 隐藏内容,您需要满足以下条件方可查看 End 这样对比一看就明晰了,我们只需要把这段代码加上去就行了。 […]

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索