教程 把文件放到子比主题文件解压即可

主题后台–>>自定义代码–>>自定义CSS样式 /*加点颜色加点料*/ .user-ranking-item.relative { background: #ffd1d8; border-radius: var(--main-radius); } .user-ranking-item.relative:nth-c...

演示图 样式一 教程 样式二 教程

效果图 后台发布文章配置 教程

预览图 教程

一共两款子比主题侧边滚动播报小工具，分别为美化版本和简洁的版本，喜欢的自行部署，放到文章页侧边比较合适！ 预览图 美化版 简约版 教程

演示图： 教程：

第一步 首先我们将下面的代码放到：子比主题–>>自定义底部HTML代码即可！ <link rel='stylesheet' href='/wp-content/themes/zibll/css/tengfei/yuansufuhao.css' /> <script>$('h...

首先给这个按钮设置一个背景颜色 颜色通过获取子比主题主颜色的变量获取之后给按钮设置一个宽度 内边距以及圆角 看起来更美观因为这个效果是没有完全贴到搜索框上的 所以就采用居中的效果来美化...

如下图所示，是一个很好看的ui设计素材，包含一个已经完成的样式，需要的可以下载一下 效果展示

演示图 教程： 自定义 HTML 小工具：添加网站后台—外观-小工具–点击【自定义 HTML】选择放置的位置—>把代码复制进去，保存即可。 建议把代码中的几个图片下载保存上传自己网站在使用，防止原...

预览图 教程

演示图 教程 后台—外观-小工具–点击 自定义 HTML 选择放置的位置—把代码复制进去，保存即可。

教程 /** 首页排行榜列表 **/ @media (min-width: 768px) and (max-width: 1200px) { .ranking-item { width: 100%!important; } } @media (max-width: 768px) { .ranking-item, .syphimg, .cla...

演示图： 教程： 放到后台自定义CSS