51、侧边栏菜单添加背景图片(PE)
把下面的代码放到子比设置css代码里面即可
如想换图片下面图片链接替换自己即可
/*手机侧边栏背景图片*/
@media (max-width: 767px){
.mobile-navbar.show,.mobile-navbar.left{
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
cursor: pointer;
background-image:linear-gradient(rgba(255, 255,255,0),rgba(255,255,255, 0.3)),url(http://23.80.90.190:9001/i/2026/03/12/69b290aa8f5f4.jpg);}
.mobile-nav-widget .box-body {
background: var(--muted-border-color) !important;}
}
52、网站加上和风天气插件
53、zibll主题配置直接非常火爆的评论显示地区
前几天 各大平台应用了 评论显示地区显示国家,显示浏览器,显示手机或电脑 如:抖音 微博….
![图片[1]-zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站](http://23.80.90.190:9001/i/2026/03/12/69b290ac9a1e4.jpg)
今天悠悠教大家如何修改 我们的子比主题显示评论地区
代码已经为大家修改好了 只需要上传即可调用,废话不多说 直接上教程!
使用CDN的注意了
已知bug:评论报错
现已解决WP6.0报错问题
方法在function.php里面的加入
function.php @include(“ip2c/ip2c.php”); //IP 归属地和运营商查询功能@include(“show-useragent/show-useragent.php”); //显示访客信息
1.先下载我们的代码包
下载之后 上传WordPress站点下面…
2.替换代码
加入function.php
include("ip2c/ip2c.php"); //IP 归属地和运营商查询功能
include("show-useragent/show-useragent.php"); //显示访客信息
/wp-content/themes/zibll/inc/functions/zib-comments-list.php 51行的 return '<name class="flex ac flex1">
替换代码
$ip = convertip(get_comment_author_ip());
return '<name class="flex ac flex1">' . $user_name . $badge .'<span class="badg badge badg-sm flex0 ml3">'.$ip.'</span>'.'</name>';
然后 搜索 $time_html 在第一个 //时间 直接替换 代码
$diqu = CID_get_comment_browser();
$diqu .= CID_print_comment_flag();
$time_html = '<span class="comt-author"' . ($is_mobile ? ' data-toggle="tooltip"' : '') . ' title="' . date('Y年m月d日 H:i:s', strtotime($comment->comment_date)) . '">' . zib_get_time_ago($comment->comment_date) . '</span>'.'<span class="comt-author" title="">'.$diqu.'</span>';
54、分类/标签页面 文章数总计、描述隐藏
55、QQsvip动态图标合集[官方图床外链]
56、子比主题添加自定义表情包
57、网站侧边滚动条样式(电脑端)
使用方法
只需在主题设置自定义CSS代码里面添加美化的css代码即可! 如果主题没有 自定义代码 那么在WordPress主题目录文件里找style.css文件或者在WordPress后台里找“外观—>自定义—>额外CSS”里面美化的css代码即可!
滚动条样式代码CSS:
预览效果
![图片[2]-zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站](http://23.80.90.190:9001/i/2026/03/12/69b290ae66e10.jpg)
58、修改网站的鼠标样式
因为鼠标样式是在本站的,如果需要的话可以打开下载
链接把样式下载,修改成你的链接即可。
自定义代码CSS
59、分页按钮美化(新)
话不多说,老规矩
加入主题后台→自定义代码→自定义CSS样式
预览效果
![图片[3]-zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站](http://23.80.90.190:9001/i/2026/03/12/69b290b3b72dd.jpg)
60、网站背景canvas动态效果
前言
每个人喜好不同
代码
后台主题设置—>自定义代码—>自定义 HTML代码 样式代码把下面的代码添加到里面
预览效果
![图片[4]-zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站](http://23.80.90.190:9001/i/2026/03/12/69b290b595e59.jpg)
© 版权声明
THE END
![zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站](http://23.80.90.190:9001/i/2026/03/12/69b294c80139f.png)




![QQsvip动态图标合集[官方图床外链]-优诺-小站](http://23.80.90.190:9001/i/2026/03/12/69b294f5804dc.png)









- 最新
- 最热
只看作者