WordPress美化:子比主题首页添加四格小工具,理论通用其他模板

折腾博客

文章最后更新时间:2024年04月14日

WordPress美化:子比主题首页添加四格小工具,理论通用其他模板

前言

从RiPro美化包里移过来的首页四格小工具,感觉特别好看,稍微改了下分享出来给大家,当然,除了子比,其他主题同样适用,只不过子比用起来比较方便,因为它的模块化布局,所以只需在后台加一个广告位模块,修改代码就可以实现首页四格小工具了。

教程开始

因为工具里涉及到文字图标,所以需要调用文字图标得js代码,我调用的是Font Awesome中文网的cdn在线js,比较方便,将下面的代码放到主题设置里的自定义代码中就可以了

<link rel="stylesheet" href="//at.alicdn.com/t/font_1324673_0fwuxikv8155.css" type="text/css" media="all">

子比模板首先在模块小工具里添加一个广告位,将下面的代码复制进去,其他模板一般要将代码添加到index.php合适的位置

折腾网提示您如需查看,请先回复并刷新本帖!

最后只需要将css放到自定义代码中就可以了,对于其他模板,可以放到style.css中

折腾网提示您如需查看,请先回复并刷新本帖!
文章版权声明:除非注明,否则均为折腾博客原创文章,转载或复制请以超链接形式并注明出处。

发表评论

快捷回复: 表情:
AddoilApplauseBadlaughBombCoffeeFabulousFacepalmFecesFrownHeyhaInsidiousKeepFightingNoProbPigHeadShockedSinistersmileSlapSocialSweatTolaughWatermelonWittyWowYeahYellowdog
验证码
评论列表 (有 5 条评论,180人围观)
网友昵称:tc123
tc123 V 游客 Google Chrome 86.0.4240.198 Windows 10 x64 沙发
2021-04-12 来自江苏 回复
看看,做个测试
网友昵称:xxlog
xxlog V 游客 Google Chrome 86.0.4240.198 Windows 10 x64 椅子
2021-04-12 来自湖南 回复
随便看不收费[g=ciya]
网友昵称:ydhvdbd
ydhvdbd V 游客 Google Chrome 86.0.4240.198 Windows 10 x64 板凳
2021-11-28 来自四川 回复
测试看看。。。
网友昵称:baoshu
baoshu V 游客 Google Chrome 86.0.4240.198 Windows 10 x64 凉席
2022-02-08 来自北京 回复
测试一下
网友昵称:baoshu
baoshu V 游客 Google Chrome 86.0.4240.198 Windows 10 x64 地板
2022-02-09 来自北京 回复
大佬学习一下还没有通过[g=zhemo]
取消
微信二维码
微信二维码
支付宝二维码