子比主题美化教程

子比主题美化教程

百度已收录
图片[1]-子比主题美化教程-心动次元

注意说明

  • 每个人的审美观念不一样,所以请先参考本站或测试在用。
  • 主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题,请一定要测试后在进行美化
  • 主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。
  • 美化代码部分采集跟站长捣鼓出来的,都是已经过测试

更新教程及说明

  • (最新版)CSS代码添加到后台子比主题设置->自定义代码->自定义CSS样式
  • (最新版)JS即javascript代码添加到后台子比主题设置->自定义代码->自定义javascript代码
  • (最新版)没有特殊说明的小工具,自定义HTML小工具添加网站后台->外观->小工具->点击【自定义HTML】选择放置的位置->把代码复制进去,保存即可。
  • 其他添加方式的,我会在教程里告知,若只需添加CSS+JS的教程,我不重复告知了,请注意看上面的方法。
/*背景图*/
body {background: var(--body-bg-color);} :root{--body-bg-color:url(https://图片链接/) top fixed;}
/*背景色*/body {background: -webkit-linear-gradient(0deg,#ffdee9c4 0%,#b5fffc8f 100%); background-color: #FFDEE9;}

子比主题设置—>自定义代码—>自定义javascript代码:,添加以下代码:

//透明复制提示
// by:忧心笔记 www.uxr.cc
document.body.oncopy = function() {layer.msg('<p style="font-weight: 700;">【忧心笔记 www.uxr.cc 】<br>复制成功,若要转载请务必保留原文链接!</p>', function(){});};

子比主题设置—>自定义代码—>自定义底部HTML代码,添加以下代码:

<!--透明复制提示开始--> 
<!--by:忧心笔记 www.uxr.cc-->
<script src="https://cdn.bootcss.com/layer/2.3/layer.js"></script>
<!--透明复制提示结束--> 

效果图:

图片[4]-子比主题美化教程-心动次元

添加方法: 后台设置—>外观—>小工具—>添加Zibll 链接列表(新版),加到标题右侧按钮即可

<span class="but c-blue radius"><svg class="icon fa-spin" aria-hidden="true"><use xlink:href="#icon-fengche1"></use></svg>申请友链

效果图:

图片[5]-子比主题美化教程-心动次元

动态效果:

图片[6]-子比主题美化教程-心动次元

目前这个美化还并不是很多,喜欢的朋友可以使用看看效果,很简单把代码添加到合适的位置即可,应该所有WordPress网站都可以使用。只需两行代码即可实现

代码如下:

—- 本页内容已结束,请看第2页内容—-

1 2

温馨提示: 本文最后更新于2024-03-25 21:22:41,某些文章具有时效性,若有错误或已失效,请在下方 留言或联系 心动次元
© 版权声明
THE END
喜欢就支持一下吧
点赞6赞赏 分享
评论 共3条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消   颜色代码
昵称表情代码图片