前言
本文章只是个人无聊时的对子比主题美化记录集合,同时也是本人的备忘录。若您觉得可以的话就拿去贵站使用吧,我会不定期(主要是想不到好的美化了)更新一些美化教程、好玩的小工具、页面等等。
每个人的审美观念不一样,所以请先参考本站或测试在用。 - 主题美化、小工具可能会有一定程度使网站加载缓慢、
CSS全局污染 等等一系列的问题,请一定要测试后在进行美化 。 - 主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。
- 子比主题美化都是我自己鼓捣、测试后才分布的,完全免费,开放。
- 嗯…暂时想到这些,以后想到在加。
美化教程(集合)
- 一些老教程随机顺序,新教程排在最后,越往后越新。
↓↓↓↓↓↓↓↓↓↓不会添加代码的看下面↓↓↓↓↓↓↓↓↓ (最新版) CSS代码添加到后台子比主题设置—>自定义代码—>自定义CSS样式 (最新版) JS即javascript代码添加到后台子比主题设置—>自定义代码—>自定义javascript代码 (最新版) 没有特殊说明的小工具,自定义HTML小工具添加网站后台—>外观–>小工具–>点击【自定义HTML】选择放置的位置—>把代码复制进去,保存即可。 ↑↑↑↑↑↑↑↑↑↑↑不会添加代码的看上面↑↑↑↑↑↑↑↑↑↑ - 其他添加方式的,我会在教程里告知,若只需添加CSS+JS的教程,我
可能 不重复告知了,请注意看上面的方法。 - 有些美化教程本站已经发布的,本文章将不再进行编写教程,直接跳转到文章页面。
1.添加微语页面(推荐使用本站最新发布的说说页面,2022不推荐)
- 如果主题设置里开启
代替WP自带登录页面 ,本教程将会失效。

[WP教程]
WordPress自定义后台路径参数及伪后台

[WP教程]
WordPress添加VIP视频在线解析页面
- 想不到啥标题好,标题有点懵的话,请看截图:
![图片[1]-子比主题美化教程(备忘录)[更新时间:2022年11月12日]-星语的小木屋](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/%E7%BB%9F%E8%AE%A1%E6%A8%A1%E5%9D%97%E4%BF%A1%E6%81%AF.jpg)
- 本站使用的版本,PHP代码自己看文章里面的,图标是阿里巴巴矢量图库,自己弄图标,然后修改<li>标签里面的代码即可,背景图片自己修改或者下载到本地:
<!--信息统计开始-->
<div id="nuandao" style="box-shadow: 0 0 10px var(--main-shadow);">
<div class="siteCount">
<div class="wrapper">
<div class="p-wh">
<ul>
<li>
<p><svg class="icon fa-2x" aria-hidden="true"><use xlink:href="#iconyonghu"></use></svg></p>
<span><script type="text/javascript" >
document.write(tj_jstext);
</script></span>
<p>星友总数</p>
</li>
<li>
<p><svg class="icon fa-2x" aria-hidden="true"><use xlink:href="#iconwenzhang"></use></svg></p>
<span><script type="text/javascript" >
document.write(tj_rzzs);
</script></span>
<p>文章总数</p>
</li>
<li>
<p><svg class="icon fa-2x" aria-hidden="true"><use xlink:href="#iconliulanjilu"></use></svg></p>
<span><script type="text/javascript" >
document.write(tj_view);
</script></span>
<p>浏览总数</p>
</li>
<li>
<p><svg class="icon fa-2x" aria-hidden="true"><use xlink:href="#iconfabu"></use></svg></p>
<span></span>
<span><script type="text/javascript" >
document.write(tj_24h);
</script></span>
<p>今日发布</p>
</li>
<li>
<p><svg class="icon fa-2x" aria-hidden="true"><use xlink:href="#iconyunhangzhengchang"></use></svg></p>
<span><script type="text/javascript" >
document.write(tj_wdyx);
</script></span>
<p>稳定运行</p>
</li>
</ul>
</div>
<div class="join">
<p style="text-align:center">欢迎光临星语的小木屋,快速获取优质IT资源吧!<br><br>By:星语社长</p>
</div>
</div>
</div>
</div>
<style type="text/css">
/*背景图*/#nuandao .siteCount{position: relative; padding: 60px 0; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url(https://img.wiiuii.cn/tuapi/024.jpg) center center / cover no-repeat fixed;/*border-radius:8px;*/border-radius: var(--main-radius);}#nuandao .siteCount .cover{height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0;}
/*内容*/#nuandao .siteCount .wrapper{position: relative; z-index: 10; width: 100%; max-width: 100%; margin: 0 auto;}#nuandao .siteCount ul{display: flex;}#nuandao .siteCount ul li{width: 20%; color: #fff; text-align: center;}
/*模块*/#nuandao .siteCount ul li span{font-size: 48px; font-family: Arial;}@media screen and (max-width: 768px){#nuandao .siteCount ul li span{font-size: 20px; font-family: Arial;}}#nuandao .p-wh{font-weight:700;}
/*底部文本p标签*/.join{padding-top: 20px;font-size: 15px;color: #FFF;letter-spacing: 0.5px;font-weight: 600;}
@media screen and (max-width: 768px){#nuandao .siteCount{position: relative; padding: 30px 0;border-radius:8px;}#nuandao .siteCount .cover{height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0;}}
</style>
<script>
//document.getElementById("nuandao").parentNode.parentNode.style.backgroundColor="transparent"
document.getElementById("nuandao").parentNode.parentNode.style.padding=0
</script>
<!--信息统计结束-->
- 截图:
![图片[2]-子比主题美化教程(备忘录)[更新时间:2022年11月12日]-星语的小木屋](https://img.wiiuii.cn/WP-TUTU/WP%E6%96%87%E7%AB%A0%E9%85%8D%E5%9B%BE/%E5%BA%95%E9%83%A8%E7%BB%9F%E8%AE%A1%E5%B0%8F%E5%B7%A5%E5%85%B7-%E4%BF%AE%E6%94%B9%E7%89%88.jpg)
感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
- 最新
- 最热
只看作者