子比主题更改首页样式幻灯片大图全宽度[子比教程]

子比主题更改首页样式幻灯片大图全宽度[子比教程]

前言

没错我上周把子比主题首页改动了一下,主要用子比的大屏幻灯片+子比图文小工具实现的,看着还可以就分享出来啦!O(∩_∩)O哈哈~

建议只设置PC端,为什么?本人感觉手机好像有点丑?(其实是没测试过….)

image

PHP代码

在主题目录下“func.php”下面添加下面代码,这是我修改后的“图文封面卡片”小工具

CSS样式

自己在后台“主题设置”中的“自定义CSS样式”(别告诉我你不知道在哪哈)

/*星语专用图文样式*/
.wiiuii-graphic-cover-special{margin-top:-50px;position:relative;z-index:1;margin-bottom: 30px;}
.wiiuii-graphic-cover-special .wiiuii-graphic-cover-special-item{box-shadow:0 4px 4px rgba(0,0,0,.15)}

OK,添加代码就这些,下面是一些相关设置!!!

关于一些设置,我不想说,自己看图吧

1、添加小工具,添加我“修改的版本”哦!

图片[1]-子比主题更改首页样式全宽度[子比教程]-星语的小木屋
2、子比主题“全屏幻灯片”设置
图片[2]-子比主题更改首页样式全宽度[子比教程]-星语的小木屋

更多的设置,自己摸索一下哈。。

效果图

图片[3]-子比主题更改首页样式全宽度[子比教程]-星语的小木屋
温馨提示:本文最后更新于2023-12-07 04:02:43,某些文章具有时效性,若有错误或已失效,请私信客服或联系知新社长
© 版权声明
三月 3

知岛上的今时往日

THE END
喜欢就支持一下吧
点赞2赞赏 分享
评论 共70条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸Ta
夸夸
还有吗!没看够!
取消
昵称表情代码图片
    • 的头像-知新网qq14475741440
    • 的头像-知新网阿酷网络信息技术有限公司0
    • 的头像-知新网fetl0
    • 的头像-知新网njszl8880
    • 头像多么0
    • 头像多么0
    • 头像毙了0
    • 的头像-知新网youlao730
    • 的头像-知新网MD97109540
    • 头像0000
    • 的头像-知新网IT瞄0
    • 的头像-知新网xx33660
    • 头像78781
    • 头像78780
    • 头像78780
    • 的头像-知新网bat52001
    • 头像xkft0
    • 头像xkft0
    • 的头像-知新网meng1680
    • 的头像-知新网wksy0
社区求救信号帮助是一种美德