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

二次开发

定制功能演示:VIP视频

2020-10-3 0:34:28

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

  2. 😁不错很实用

  3. 努力学习,感谢分享

  4. 努力学习,感谢分享

  5. 感谢大佬分享

  6. 我就想学习一下

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