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-9-4 10:58:18

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

  2. 看看学习一下

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