B2主题美化-模板首页列表文字前自定义图标

Jaysun

温馨提示:这篇文章已超过479天没有更新,请注意相关的内容是否还可用!

个人非常喜欢b2主题,B2主题的扩展性真的非常强,功能也非常的多,今天给大家分享的是一个小小的首页美化,在首页列表文字前加上美化图标,一点点的点缀,体现细节的处理。

效果图:

B2主题美化-模板首页列表文字前自定义图标

B2主题美化-模板首页列表文字前自定义图标


使用教程

修改文件 b2/Modules/Templates/Modules/Posts.php

把下列代码添加到第981行

$HTML .= '<p class="module-desc">'.$data['desc'].'</p>';

如图:

3.png

添加下列CSS代码 到样式文件中:

隐藏内容
评论可见
前往评论


使用方法:

<img src="HTTPs://xiaohuli.vip/wp-content/themes/b2child/img/homeicon/04.png">

把图片地址放到 模块描述 中

如图:

4.png

好了,可以强制刷新即可看到效果.

您需要 登录账户 后才能发表评论

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
评论列表 (有 8 条评论,915人围观)
网友昵称:anlu
anlu V 普通用户 Google Chrome 94.0.4606.71 Windows 10 x64 8楼
01-12 来自河南 回复
看看看看
网友昵称:yuemeile
yuemeile V 普通用户 Google Chrome 117.0.0.0 Android 10 7楼
2023-10-10 来自四川 回复
emmmmm……看不懂怎么破?emmmmm……看不懂怎么破?
网友昵称:g1994305
g1994305 V 普通用户 Google Chrome 116.0.0.0 Windows 10 x64 6楼
2023-08-18 来自湖北 回复
学习一下
网友昵称:a1300013939
a1300013939 V 普通用户 Google Chrome 108.0.5359.125 Windows 10 x64 地板
2023-06-13 来自山东 回复
过来看一看 学习一下
网友昵称:AndresG
AndresG V 普通用户 QQBrowser 11.7.5287.400 Windows 10 x64 凉席
2023-05-22 来自河南 回复
过来看一看 学习一下
网友昵称:shaoyu
shaoyu V 普通用户 Google Chrome 113.0.0.0 Windows 10 x64 板凳
2023-05-21 来自陕西 回复
6666看一下
网友昵称:123456
123456 V 普通用户 Google Chrome 86.0.4240.198 Windows 10 x64 椅子
2023-04-21 来自山东 回复
我就想看看 很简答
网友昵称:kele4962
kele4962 V 普通用户 Google Chrome 86.0.4240.198 Windows 10 x64 沙发
2023-02-19 来自广东 回复
文章不错,写的很好!

目录[+]

取消
微信二维码
微信二维码
支付宝二维码