RiTheme

2025-10-25
10-25
Ri主题 - 高级搜索模块美化-汇聚访

实用Ri主题 – 高级搜索模块美化

这是对Ri主题的高级搜索模块美化，适配了白天以及黑夜模式，使用前你得先开启主题的这个模块否则修改了也无用，搜索热词我并没有调整太多的样式，如果用得到的话自己适配吧，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSPHP 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .huijuf-search-container { width: 100%; max-width: 600px; margin: 0 auto; position: relative; } .huijuf-search-form { width: 100%; } .huijuf-search-wrapper { display: flex; height: 45px;...
RiProV5建站笔记
2025-10-23
10-23
Ri主题 - 顶部导航栏菜单选中样式-汇聚访

实用Ri主题 – 顶部导航栏菜单选中样式

这是一款Ri主题顶部导航栏菜单选中样式，这个效果是在你鼠标放在菜单文字的时候，菜单文字的顶部会出现类似进度条样式的线条，黑夜模式也并无任何违和感，总体来说还是挺不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .navbar .nav-list>.menu-item>a::before { content: ""; position: absolute; top: -2px; left: 0; width: 100%; border-radius: 11px; height: 5px; background: linear-gradient(206deg, #df9900 10%, #ed0ca4 100%) !important;...
RiProV5建站笔记
2025-10-23
10-23
Ri主题 - 顶部导航菜单角标样式（第三款）-汇聚访

实用Ri主题 – 顶部导航菜单角标样式（第三款）

这是我给Ri主题适配的第三版的菜单角标样式，这个样式效果依旧是动态的样式，颜色我只适配了两个不过理论代码都是一样的，如需别的颜色可自行适配，黑夜模式也可以完美使用，话不多说了有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS菜单 定位：主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .huijuf-hong { font-size: .5em; line-height: 1.4; padding: 0.2em 0.5em; min-width: .9em; min-height: 0.9em; display: inline-block; vertical-align: 1.8em; border-radius: 11px; color: #fff; text-align: center;...
RiProV5建站笔记
2025-10-21
10-21
Ri主题 - 菜单彩色小圆圈样式-汇聚访

实用Ri主题 – 菜单彩色小圆圈样式

这是给Ri主题添加的一款菜单彩色小圆圈样式，主要用于除了一级菜单之外的菜单，比如二级三级等，这个效果也是十分的好看，给本就不多彩的日主题添上了浓厚的一笔，目前我只适配了这几种颜色，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS菜单 定位：主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .lanse { box-sizing: border-box; content: ''; width: 12px; height: 12px; border-radius: 50%; position: absolute; top: 50%; margin-top: -6px; left: 0; border-color: #61e1b9; border:...
RiProV5建站笔记
2025-10-21
10-21
Ri主题 - 首页搜索模板波浪样式-汇聚访

实用Ri主题 – 首页搜索模板波浪样式

这是给Ri主题添加的一款首页搜索模板波浪样式，我修改了这个小工具的代码，按理来说这个小工具不管你放在哪里这个波浪效果都会显示出来，教程我写的很详细，修改主题代码前记得提前备份文件，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：后台 - 外观 - 小工具 - 首页模板中添加【首页】高级搜索模块小工具，随后在主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .awaves { padding-top: 320px; z-index: -1; position: absolute; bottom: 0; width: 100%; } .waves { position: relative; width:...
RiProV5建站笔记
2025-10-20
10-20
Ri主题 - 文章缩略图动态圆圈（代码版）-汇聚访

实用Ri主题 – 文章缩略图动态圆圈（代码版）

这是一款Ri主题缩略图动态圆圈效果，我之前适配过子比主题今天来适配一下Ri主题，这个效果是在鼠标悬浮文章缩略图的时候，会有一个动态波纹形态的白色小圆圈，效果也是十分好看，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/loop/entry-media-part.php中找到以下代码（大概18行左右）： <?php if ($post_format_icon):?> 在这行代码的下方添加以下代码，图片我放在图床了，自行下载本地化！ /*汇聚访：www.huijuf.com*/ <div class="cao-cover"> <img src="https://pic1.imgdb.cn/item/68f622243203f7be00830c76 .svg" width="50" height="50px"> </div> /*汇聚访：www.huijuf.com*/ 随后定位：后台主题设置 - 基本设置 - 自定义CSS代码样式中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .entry-media .cao-cover { position: absolute; top: 0; left: 0; width:...
RiProV5建站笔记
2025-10-19
10-19
Ri主题 - 顶部导航菜单角标样式（第二款）-汇聚访

实用Ri主题 – 顶部导航菜单角标样式（第二款）

这是一款给Ri主题增加一款菜单角标的样式效果，之前我发过一款动态的样式，今天再给大家带来一款是静态的，和之前一样颜色我适配了两种，有需要更多颜色自行适配吧，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSS菜单 定位：主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码: /*汇聚访：www.huijuf.com*/ .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color...
RiProV5建站笔记
2025-10-19
10-19
Ri主题 - 导航栏菜单文字加粗-汇聚访

实用Ri主题 – 导航栏菜单文字加粗

这是让Ri主题顶部文字导航加粗的一个美化效果，之前我在子比主题的美化合集里也发过，今天适配一下Ri主题，因为Ri主题本身UI是比较偏简约风格的，后续我会发更多关于别的主题的美化样式，话不多说了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题设置 - 基本设置 - 自定义CSS代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .navbar .nav-list>.menu-item>a { font-size: 15px; line-height: 61px; margin: 0 6px; padding-right: 10px; font-weight: 900; } /*汇聚访：www.huijuf.com*/ [/hidecontent]
RiProV5建站笔记
2025-10-16
10-16
Ri主题 - 卡片三点样式-汇聚访

实用Ri主题 – 卡片三点样式

这是给Ri主题添加卡片三点美化的教程，之前我发过子比主题的今天带来Ri主题的部署教程，总体来说感觉还可以，右边的蓝点并不是主题原本自带的，是我自己适配的，三点的颜色你可以随意更改，包括那个蓝点的颜色，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] CSSPHP 定位：主题后台设置 - 基本设置 - 自定义CSS代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .entry-wrapper { position: relative; width: 100%; } .meta-category-dot { flex-direction: row-reverse; } .meta-category-dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align:...
RiProV5建站笔记
2025-10-14
10-14
Ri主题 - 导航栏开通会员按钮悬浮菜单-汇聚访

实用Ri主题 – 导航栏开通会员按钮悬浮菜单

这是一款Ri主题的导航栏开通会员按钮悬浮菜单效果，这个效果也是特别的实用，未登录时候可引导用户登录并查看会员价格及权益，登录后可直接跳转会员页面，本来想写登录后可直接开通呢，但是依旧比较懒就没搞，有能力的自己改吧，然后就是手机端不好看我就隐藏了，有需要的自行部署吧！ 未登录： 已登录： 代码部署： [hidecontent type="payshow"] CSSPHP温馨提醒 定位：后台主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码： /*汇聚访：www.huijuf.com*/ .vip-tit { color: #504d4d } .vip-package { color: #504d4d } .vip-new-2 { height: 300px; width: 450px; height: 300px; width: 450px; background-color: #fff0;...
RiProV5建站笔记
12