子比主题美化 – 子比主题拟态CSS
教程开始 打开子比主题设置,自定义css代码,填写下面代码 .posts-item:not(.card) ,.author-header .avatar-img ,.full-widget-sm ,.header .sub-menu ,.modal-content ,.form-control ,.no_we...
为你的子比主题添加一个门铃声
教程开始 打开WordPress后台-子比主题设置-全局&功能-自定义底部HTML,将下面HTML填入进去即可 <!--自动一声--> <audio id='myaudio' src='https://oss.uzm.cc/mp3/dd.mp3' acontrols...
子比主题美化 – 侧边栏动态时间
教程开始 进入wp后台/外观/小工具/自定义html/放在侧边栏 代码 <style> .times { margin: 0; padding: 0; height: 100%; } .times2 { height: 100%; background: #fff; } .times2 svg { heig...
子比主题 – 鼠标悬停边框美化
教程开始 将下面代码放进自定义css代码中即可 .card { box-shadow: 0.3em 0.3em 0.7em #00000015; border: rgba(0, 0, 0, .05) 0.2em solid; } .card:hover { border: #006fff 0.2em solid; tra...
子比主题美化-svg代码全局替换
教程 下载下面代码,将下面代码替换wp-content/themes/zibll/js/svg-icon.js 介绍 文件中的图标可以任意替换自己想要的图标svg代码,可以去阿里巴巴矢量图标库获取svg,就是通过js代码去调用这...
子比主题美化-顶部多功能组件搜索框美化
样式一: 自定义css 自定义JavaScript代码 document.addEventListener('DOMContentLoaded', function () { const button = document.querySelector('.search-input-text .abs-right button.null...
子比主题 – 给文章侧边加一个滚动公告
将上面的代码放到小工具自定义HTML里面即可 <!--子比滚动公告框--> <style> @keyframes move { 0% { transform: translateX(0px); } 100% { transform: translateX(-200%); } } .show-not...
子比主题 – 昵称抖音风格字体美化代码
/*子比昵称抖音故障风格*/ .display-name{ text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5); animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.2...
子比主题 – 给文章列表加一个浮动动态效果
将下面代码放到子比主题=>自定义CSS即可,我默认的是白色的,颜色可以调,rgba(255,255,255,0.35),这是rgb颜色代码,是白色的代码,如果需要其他颜色可以去网上找rgb网站代码然后把下面的里面...
子比主题 – 评论区美化[修复日夜显示问题]
放到后台自定义css /*定义日夜间颜色*/ body{ --acg-color:#fff8fa; --acg-color2:#f8fdff; } .dark-theme{ --acg-color:#323335; --acg-color2:#323335; } /* 修改子比主题评论区默认样式 */ #...















![子比主题 – 评论区美化[修复日夜显示问题]-阿呆日记](http://daixm.daixb.top/wp-content/uploads/2025/02/3cc24fba-fb33-46dd-9cf8-2221bd66cb89-1024x418.png)

