本文的主题美化主要是针对子比主题，如果是其它主题可能不会生效。大部分美化都给出了效果图，少部分没有截图的直接看网站中效果，网站中几乎所有美化都能在这找到教程，找不到的评论告诉我，我会抽时间补充进来。
![图片[1]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323075218.png)
在子比主题设置—>文章&列表—>文章页—>版权提示内容处添加以下代码：
在主题目录下go.php文件里面的全部代码清空，然后把下面的代码复制进去即可。替换原来的即可。更新主题和修改前记得备份go.php。
样式一
样式二
样式三
效果
![图片[2]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E4%BF%A1%E6%81%AF%E7%BB%9F%E8%AE%A1.jpg)
操作步骤
在主题目录下创建widget-websitestat.php文件，然后把下面的php代码添加进去
在主题目录下func.php文件，添加下面的函数代码即可
在网站后台—》主题设置—》自定义代码—》自定义CSS样式，添加下面的CSS代码，主题没有自定义CSS样式的，在主题目录下style.css添加即可
图片我是通过一张图片剪切成11张图片（有11个信息统计），然后通过CSS添加进去的。你可以自己剪切11张图片，然后按顺序添加进去，css中”widgest-bg1-widgest-bg11″都是按顺序好的，在url(图片链接路径)里面加，不懂的找留言或者联系我。
我用的剪切工具是在百度乱找的，呐！http://www.zuohaotu.com/cut-image.aspx就是这个。
最后一步，在网站后台—》外观—》小工具—》WIIUII 网站统计，添加到侧边栏即可完成。标题和建站时间自己填写。
![图片[3]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%B0%8F%E8%A7%86%E9%A2%91%E6%96%87%E7%AB%A0.webp)
![图片[4]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E9%9F%B3%E4%B9%90%E7%99%BD%E5%A4%A9.png)
![图片[5]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E9%9F%B3%E4%B9%90%E9%BB%91%E5%A4%9C.png)
电视剧、电影是我们生活中必不可少的，它们可以让我们放松一下心情，但大多数的电视剧或电影都是要VIP或者付费的，本来不怎么富裕的我们更加的雪上加霜，本来可以每炖吃好的，但为了追一个剧，只能吃馒头了！那么我们怎么能够免费看那些电视剧或电影呢？为了能够看免费的，大佬们弄出了VIP视频解析接口，只需在该接口输入电视剧或电影的网址就可以观看视频。
VIP视频在线解析页面采用的主要是HTML代码和一些js、css啥的，因为我的能力有限，所以只能搞这么多。如果有感兴趣的朋友，自己修改一下代码。同时本页面采用的是后台直接通过创建自定义HTML页面实现的，主要防止主题每次更新后就会消失，所以采用这种方式来实现。
本站采用的是子比主题，所以可能只适应子比主题，如果有其他主题的朋友，自己测试一下吧。
效果
![图片[6]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E7%94%B5%E5%BD%B1%E8%A7%A3%E6%9E%90.webp)
解析代码
2025年3月27日效果
![图片[7]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250226103840.png)
操作步骤
在主题目录下：themes/zibll/func.php 文件最下方添加以下代码
引用阿里巴巴矢量库图标，可自行修改，在 子比主题后台 – 自定义代码 – 自定义头部HTML代码 里面添加下面代码
在主题目录下：themes/zibll/footer.php 文件 < /footer >下方添加以下代码
在 子比主题后台 – 自定义代码 – 自定CSS样式代码 里面添加下面代码
在 子比主题后台 – 自定义代码 – 自定义javascript代码 里面添加下面代码
另外还有个主题的bug顺带修复一下，就是未登录用户点击下图中隐藏内容，无法滑动到评论区，将主题目录下./inc/functions/zib-theme.php文件中的“commentform”修改为“comments”，因为未登录时还没有“commentform”组件，所以无法定位滑到哪里，但是有“comments”组件可以用于定位滑动位置。
![图片[8]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250320151516.png)
效果：
![图片[9]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250320234822.png)
操作步骤
在主题根目录新建func.php，并在最顶部填上<?php，然后再粘贴下面代码（推荐，在线更新主题不会丢失。或者直接将以下代码添加到主题根目录的function.php最底部（更新主题会丢失）。
![图片[10]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250312152035.png)
下面代码放在子比设置->全局功能->自定义代码->自定义css样式，字体资源替换成自己的
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
![图片[11]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323065759.png)
下面代码放在子比设置->全局功能->自定义代码->自定义css样式，图片资源替换成自己的
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
![图片[12]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323070340.png)
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
下面代码放在子比设置->全局功能->自定义代码->自定义css样式，鼠标资源替换成自己的
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
![图片[13]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323070632.png)
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
效果见上一张图片，下面代码放在子比设置->全局功能->自定义代码->自定义css样式
![图片[14]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E5%9B%BE%E7%89%87_20250323070908.jpg)
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
![图片[15]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323071436.png)
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
![图片[16]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323070202.png)
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
下面代码放在子比设置->全局功能->自定义代码->自定义css样式
下面代码放在子比设置->全局功能->自定义代码->自定义javascript代码
下面代码放在子比设置->全局功能->自定义代码->自定义javascript代码
效果
![图片[17]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323073330.png)
具体操作
在阿里巴巴矢量图标库网站中挑选自己喜欢的图标，添加到工程，然后下载
![图片[18]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323072432.png)
![图片[19]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323072515.png)
![图片[20]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323072404.png)
将下载下来的压缩包解压后，将其中的js文件上传到自己的服务器库中或者oss中，用于后续资源引用
![图片[21]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323072721.png)
下面代码放在子比设置->全局功能->自定义代码->自定义底部HTML代码，代码中资源替换成上面你自己库中的js文件链接
然后在外观->菜单自定义自己的菜单样式
![图片[22]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323073051.png)
可以参考我给的样式来写，样式示例如下
![图片[23]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BE%AE%E4%BF%A1%E6%88%AA%E5%9B%BE_20250323073823.png)
外观->自定义->小工具->首页侧边栏->添加小工具->自定义HTML，添加如下html代码即可
效果
最后一个模块替换成网页或者html文件都可
![图片[24]-基于WordPress的子比主题美化-阿尔法欧欧](/robingo/%E6%96%87%E7%AB%A0%E8%B5%84%E6%BA%90/2025_03/%E5%9F%BA%E4%BA%8EWordPress%E7%9A%84%E5%AD%90%E6%AF%94%E4%B8%BB%E9%A2%98%E7%BE%8E%E5%8C%96/%E5%BA%95%E9%83%A8%E7%BB%9F%E8%AE%A1.jpg)
教程
2、文章版权归作者所有，未经允许请勿转载
3、本站资源定期维护，如发现链接失效，请与作者联系
4、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
5、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理
暂无评论内容