zibll子比主题美化教程(备忘录)[更新:6-19]

把下面的代码放到子比设置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;}
}

前几天 各大平台应用了  评论显示地区显示国家,显示浏览器,显示手机或电脑 如:抖音 微博….

图片[1]-zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站

今天悠悠教大家如何修改 我们的子比主题显示评论地区

代码已经为大家修改好了 只需要上传即可调用,废话不多说 直接上教程!

使用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>';

使用方法

只需在主题设置自定义CSS代码里面添加美化的css代码即可! 如果主题没有 自定义代码 那么在WordPress主题目录文件里找style.css文件或者在WordPress后台里找“外观—>自定义—>额外CSS”里面美化的css代码即可!

滚动条样式代码CSS:

预览效果

图片[2]-zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站

因为鼠标样式是在本站的,如果需要的话可以打开下载

链接把样式下载,修改成你的链接即可。

自定义代码CSS

话不多说,老规矩

加入主题后台→自定义代码→自定义CSS样式

预览效果

图片[3]-zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站
文章分页按钮

前言

每个人喜好不同

代码

后台主题设置—>自定义代码—>自定义 HTML代码 样式代码把下面的代码添加到里面

预览效果

图片[4]-zibll子比主题美化教程(备忘录)[更新:6-19]-优诺-小站
网站背景

1 2 3 4 5 6 7

© 版权声明
THE END
分享是⼀种博爱的⼼境,学会分享,就学会了⽣活
点赞11 分享
评论 共23条

请登录后发表评论