b2主题美化文章列表:增加特性标签和重新布局

b2默认文章列表是移入式遮罩显示post-list-meta,总感觉有些单调而且不够直观,也不方便用户对于信息的快速获取,故而参考了其他网站对文章列表的排版,进行美化改造。

学习html结构

我们先打开f12,了解文章列表的html代码,看看是如何构成和排列的

不难看出,post-1 决定 文章列表的结构类型,post-list-item item-post-style-1 是每一个li的文章,而文章则由 post-module-thumb(缩略图) 和 post-info(信息) 上下两部分构成。

我们根据已掌握的信息,找到文件:

b2\Modules\Templates\Modules\Posts.php

public static function post_1()…

这个函数就是生成了前台看到的html信息,不过这是php混合html的写法,看起来比较复杂,要有点耐心仔细看一遍原理,然后我们再根据自己想要的效果,完成改写。

抱歉,隐藏内容须成功 评论本文 刷新 可见!

下载权限

查看
  • 免费下载
    评论后下载
    登录后下载

  • {{attr.name}}:
您当前的等级为
您有每天免费下载所有资源次的特权,今日剩余 已取得下载权限

人已赞赏
二次开发

b2更新后发现首页幻灯在手机端不能自适应高度了

2020-8-29 21:24:57

雕技术

php调试输出log日志文件的代码

2018-5-27 20:37:21

免责声明本文中提到的资源均来自于互联网,仅供个人学习交流,若您喜欢本文可附上原文链接随意转载。
版权人申诉:我要申诉
5 条回复 A文章作者 M管理员
  1. 雕哥力作,支持,思路写出来一下子就清晰了。小白也可以自己动手做。

  2. 过来学习一下

  3. 我来瞅瞅下这么二开!

  4. 过来学习一下

  5. 我来学习了 雕哥

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