主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!

正文开始阅读,请点击右上角“关注”按钮,关注我们

------正文内容展示,开始阅读新内容------

把下面的代码放到子比设置css代码里面即可

如想换图片下面图片链接替换自己即可

/*手机侧边栏背景图片 BY:映凡空间-www.yfkj6.com*/
@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://124.223.87.188/upload/2022-05-21/2205211214126002.jpg);}
 .mobile-nav-widget .box-body {
   background: var(--muted-border-color) !important;}
}

使用教程

1、 打开官网: 

和风天气开发平台

2、选择样式,简单介绍几个插件样式:

标准插件:适用于网页区块

简约插件:适用于集成导航栏 SDK

插件:适用于有能力自己开发接口进行调用

H5插件: 适用于单独天气页面

图片[1]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!
展示

3、具体使用,以标准插件为例: 点击标准插件下面的 创建  进去填写相关信息,配置相关参数。(插件名称必须填写要不然生成不了代码。)

4、配置好之后,点击下方生成代码选项,可以将代码放到网页合适位置。需要注意的是:  选择登陆获取代码!

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

图片[2]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!
效果图

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

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

已知bug:评论报错

现已解决WP6.0报错问题

方法在function.php里面的加入

function.php @include(“ip2c/ip2c.php”); //IP 归属地和运营商查询功能@include(“show-useragent/show-useragent.php”); //显示访客信息

1.先下载我们的代码包

下载之后 上传WordPress站点下面…  切记不是主题下面

主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!
隐藏内容,输入密码后查看
关注公众号【映凡空间】回复:密码(即可获取)

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

整不好 就会出现 网站遇到致命错误 等一系列的情况呦 冲突等情况(谨慎操作)

主题设置→底部页脚→页脚自定义HTML

//BY:映凡空间-www.yfkj6.com  开始
<font color="#e955fd"><b>本站已安全运行:</b></font>
<span id="momk"></span>
<script language=javascript>
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("02-10-2022 12:12:18");//建站日期
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(daysold-e_daysold)*-24;
hrsold=Math.floor(e_hrsold);
e_minsold=(hrsold-e_hrsold)*-60;
minsold=Math.floor((hrsold-e_hrsold)*-60);
seconds=Math.floor((minsold-e_minsold)*-60);
momk.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_date_time();
</script>
</script>
<style>
#momk{animation:change 10s infinite;font-weight:800; }
@keyframes change{0%{color:#5cb85c;}25%{color:#556bd8;}50%{color:#e40707;}75%{color:#66e616;}100% {color:#67bd31;}}
</style>
//BY:映凡空间-www.yfkj6.com  结束
图片[3]-主题美化合集,【子比主题zill美化教程(备忘录)】欢迎查看!!!
效果展示

把下面代码加入到主题设置全局功能自定义代码自定义样式css里即可,修改里面的颜色代码即可

/***日间主题模式 BY:映凡空间-www.yfkj6.com***/
body {
--main-bg-color: #ffffff;/***文章等模块背景颜色***/
--body-bg-color: #f5f5f5;/***网站背景颜色***/
--header-bg: #ffffff;/***顶部菜单栏背景颜色***/
--main-color: #24292c;/***文字颜色***/
}
/***夜间主题模式***/
.dark-theme {
--main-bg-color: #243244;/***文章等模块背景颜色***/
--body-bg-color: #28374a;/***网站背景颜色***/
--header-bg: #243244;/***顶部菜单栏背景颜色***/
--main-color: #b1bac5;/***文字颜色***/
}
/***日间主题模式 BY:映凡空间-www.yfkj6.com***/

颜色一定要互相搭配衬托才好看,不然的话非主流教主非你莫属?

因为鼠标样式是在本站的,如果需要的话可以打开下载指针样式下载指针悬停链接把样式下载,在wp-content/uploads里新建一个mouse的文件夹把两个文件放进去,把21lhz.cn修改成你的主站链接即可。

自定义代码CSS

/** 普通指针样式 BY:映凡空间-www.yfkj6.com**/ 
body{cursor: url(https://001.pipixiaozhan.cn/cdn/normal.cur), default;}
/** 链接指针样式 BY:映凡空间-www.yfkj6.com**/ 
a:hover,.cursor:hover,button:hover,svg:hover{cursor:url(https://001.pipixiaozhan.cn/cdn/link.cur), pointer;}
/** 鼠标样式 结束 BY:映凡空间-www.yfkj6.com**/

1 2 3 4 5 6 7 8 9

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

------关注微信公众号:映凡空间------
Invitation
YingFan
-scan
created:2022/05/10
Nice to meet you!

Use this card to join the YingFan's Space and participate in a pleasant discussion together .

Welcome to YingFan's Space,wish you a nice day .

© 版权声明
THE END
喜欢就支持一下吧 - 映凡空间
点赞48赞赏 分享
评论 共26条

请登录后发表评论

    • 映凡的头像-映凡空间超级会员映凡徽章-2023兔年大吉-映凡空间等级-C·胜券在握 LV.9-映凡空间作者0