子比主题美化 – 墨星博客全部美化教程分享

顶部多功能组件

在子比主题设置-页面&显示中的顶部多功能组件中 选择合适位置启用即可 内容自行修改

在额外内容中添加下面代码

其中的svg可自行替换 选择好后更改svg路径即可

搜索框美化教程

搜索框使用苏晨美化后的搜索框 教程地址：子比主题美化-顶部多功能组件搜索框美化 – 墨星博客 – 提升技术能力的必备资源教程网

图文视频封面卡片

这一部分为小工具中的图文视频封面卡片 wordpress后台-外观-小工具-zibll 图文视频封面卡片 我这里应用于顶部全宽度

下面的图片地址可自行替换 可以使用背景+悬浮文字 也可以和我一样把文字放进图片中 然后上传图片

用户注册VIP排行榜

教程地址为首页显示网站用户列表，多种排序方式 – 墨星博客 – 提升技术能力的必备资源教程网

单行文章列表

这一部分使用的为小工具中的单行文章列表小工具 可在wordpress后台-外观-小工具中选择单行文章列表

单行文章列表标题美化教程为子比主题美化-自定义动态分类标题 – 墨星博客 – 提升技术能力的必备资源教程网

文章栏目Tab切换

在子比主题设置中页面&显示 首页配置 更多栏目中添加即可

美化教程扒的苏晨的渐变背景子比主题美化-首页tab切换栏中单个选中美化 – 墨星博客 – 提升技术能力的必备资源教程网

底部翻页按钮美化

自定义css代码添加即可

底部统计

使用的为筱信日记站长改版

教程地址子比主题美化-本站同款网站底部横向数据统计小工具[详细版] – 墨星博客 – 提升技术能力的必备资源教程网

底部页脚美化

底部页脚使用为腾飞修复狐狸库页脚

教程地址为子比主题美化-底部添加一款底部白色波浪滚动页脚(日夜间已适配) – 墨星博客 – 提升技术能力的必备资源教程网