建站笔记

Ri主题 - 首页四格小工具美化-汇聚访

实用Ri主题 – 首页四格小工具美化

这是给RiProV5主题添加的一款四格小工具样式，总体看起来还是不错的，有一种科技风的感觉，图片我全部放在图床上面了，推荐自行下载起来本地化，你可以放在任何位置，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：后台 - 外观 - 小工具 - 自定义HTML代码中添加以下代码（所放置的位置自行挑选）： /*汇聚访：www.huijuf.com*/ <div class="container animate__animated animate__fadeInUp"> <div class="row animate__animated animate__fadeInUp"> <div class="col-3"><div class="item"><a target="_blank" href="/wordpress" class="d-flex justify-content-center align-items-center py-4" style="color:#0868ac"><div class="item-icon"> <img src="https://cloudcache.tencentcs.com/open_proj/proj_qcloud_v2/gateway/product/css/img/p-overview/p-addition-links-list-view-news.svg"></div><div class="text-left"><h5>WordPress...
建站笔记
18311
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 标签云彩色样式-汇聚访

实用Ri主题 – 标签云彩色样式

这是给RiProV5主题增添的一款标签云彩色样式的美化，原本这个标签是灰色的不是特别美观，今天汇聚访就教大家如何让他和别的主题一样变成彩色的，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/ripro-v5/functions.php在此文件里的最后一行添加以下代码即可： /*汇聚访：www.huijuf.com*/ function colorCloud($text) { $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text); return $text; } function colorCloudCallback($matches) { $text = $matches[1]; $colors = array('48d1cc','a26ff9','fb7da9','6a6da9','19b5fe','ff5e5c','ffbb50','1ac756','7fb80e','6950a1'); $color = $colors[dechex(rand(0,count($colors)-1))]; $pattern = '/style=("|\')(.*?)\1/i'; $text...
建站笔记
510615
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 左下角会员倒计时广告-汇聚访

实用Ri主题 – 左下角会员倒计时广告

这是一款Ri主题的会员倒计时广告样式效果，部署之后将会在网站的左下角显示，总体来说还是挺不错的，特别方便引导用户查看，该效果在每个页面都显示，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/footer.php找到以下代码： </body> 随后在此代码上面添加以下代码（CSS和JS可放在主题后台，当然你也可以一起放置，如需更改倒计时时间需要更改JS的代码，图片我放在图床了，推荐本地化）： HtmlCSSJS <div class="floating-module" id="floatingModule"> <a href="/vip-prices/"> <div class="life-tu"> <div class="flip-container"> <img class="front" src="https://pic1.imgdb.cn/item/68eba304c5157e1a8869f355 .png" alt=""> <img class="back" src="https://pic1.imgdb.cn/item/68eba304c5157e1a8869f355 .png" alt=""> </div> </div> </a> <div class="life-end"></div> <img class="life-close" src="https://pic1.imgdb.cn/item/68eba2e2c5157e1a8869f296 .png" onclick="closeModule()">...
建站笔记
06910
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 简约侧边栏引导样式-汇聚访

实用Ri主题 – 简约侧边栏引导样式

这是给Ri主题添加一款侧边栏引导样式的美化效果，之前我也发过几款子比主题的，那几款显而易见地比这个好看，这个看着有点复古..后续有时间我可能会适配更多吧，教程我写的比较详细了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 第一步第二步代码 首先我们去Ri主题后台 - 布局设置 - 网站底部设置 - PC端全站右下角菜单（返回顶部+）把这里面的栏目都删除，否则会堆叠在一起看起来很是肿瘤！删除完之后接下来改文件代码！ 定位：/wp-content/themes/ripro-v5/footer.php随后搜索以下代码： <!-- Back to top rollbar--> 在他的上方添加第三步的代码即可！css代码及js代码你可以放在后台也可以跟我一样，放在一起！ 没啥技术含量，直接把下方代码复制粘贴即可，当然有些内容你需要自己改！ <style> @font-face { font-family: "iconfont"; /* Project id 4677409 */ src: url('//at.alicdn.com/t/c/font_4677409_b9oqet6vpem.woff2?t=1725718474949') format('woff2'), url('//at.alicdn.com/t/c/font_4677409_b9oqet6vpem.woff?t=1725718474949')...
建站笔记
0638
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - logo扫光特效样式-汇聚访

实用Ri主题 – logo扫光特效样式

这是给Ri主题添加一个logo扫光特效的样式，之前我在子比主题发过这次也是适配了Ri主题，这个样式效果还是很不错的，比较酷炫，同时教程也是比较简单的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：Ri主题后台设置 - 基本设置 - 自定义CSS样式代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .logo-wrapper { position: relative; font-size: 2em; font-weight: 700; line-height: 39px; overflow: hidden; margin: 0; } .logo-wrapper::before { content: ""; position: absolute; width: 150px; height:...
建站笔记
71075
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 网站顶部信息引导栏目-汇聚访

实用Ri主题 – 网站顶部信息引导栏目

这是给RiProV5主题添加的一款网站顶部信息引导栏目样式，手机和电脑版均已适配，原效果样式来源于6e的站点，我看到挺实用的就仿了一个出来，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/header/menu.php找到以下代码（也就是第一行）： <header class="site-header"> 随后在此代码下添加以下代码： <div class="navbar-dh"> <div class="container"> <a class="gon-wenz">欢迎来到汇聚访-专注主题美化</a> <a href="https://www.huijuf.com" target="_blank"> <i class="fas fa-cart-arrow-down vip-wenzi"></i> 前往官网</a> <div class="dh-ju-yy"> <a href="/user" target="_blank">联系客服</a> <a href="/user" target="_blank">广告购买</a> <a href="/user" target="_blank">常见问题</a> <a...
建站笔记
0797
汇聚访的头像-汇聚访核心会员汇聚访7个月前
Ri主题 - 顶部导航栏添加成为VIP按钮-汇聚访

实用Ri主题 – 顶部导航栏添加成为VIP按钮

这是RiPro-V5主题的一款顶部导航样式美化，主要是给导航栏添加一个会员购买按钮，方便引导用户开通会员及介绍权益，总体来说还是很不错的，有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/ripro-v5/template-parts/header/action-hover.php然后搜索以下代码： <span class="action-btn toggle-color" rel="nofollow noopener noreferrer"> 随后在这段代码的上方添加以下代码（图片我放在图床了，建议自行下载放本地）： <span class="fuid-vip-link"><a href="/user/vip"><img src="https://pic1.imgdb.cn/item/68ea3147c5157e1a88657ec0 .svg"> 成为VIP</a></span> 接下来在RiPro-V5后台 - 基本设置 - 自定义CSS样式代码中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .fuid-vip-link { text-align: center; } .fuid-vip-link img { width: 24px; display:...
建站笔记
011414
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 - 悬浮侧栏兔子挂件区块美化-汇聚访

实用子比主题 – 悬浮侧栏兔子挂件区块美化

这是给子比主题添加一款悬浮侧栏兔子挂件区块的样式美化，可以给网站左侧以及右侧添加这款样式（不能同时添加），鼠标移动到兔子上面就能弹出提示框，方便用户的引导与行为控制，非常实用的一个美化，有需要的自行部署吧！ 左侧效果： 右侧效果： 代码部署： [hidecontent type="payshow"] 第一步第二步 首先定位：子比后台设置 - 自定义底部HTML代码中添加以下代码： /*汇聚访：www.huijuf.com*/ <div class="act-rule"> <p class="title"> 招募设计师 </p> <div class="rule-wrap"> <dl class="wrap-content"> <dt>规则</dt> <dd><i>1</i>使您的作品被广泛展现，每次下载都有收入，最专业的设计稿交易平台，平台只抽取15%费用。 </dd> <dd><i>2</i>诚邀各设计者加入实现共赢，有意者请联系汇聚访www.huijuf.com免费开通权限 </dd> <dd><i>3</i>入驻即赠送免费设计师专属极速网盘，无广告无限速 </dd> </dl> <p class="wrap-btn"> <a href="https://www.huijuf.com/">查看详情</a> </p> </div>...
建站笔记
010811
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 - 设置文章有效期（到期自动删除/隐藏）-汇聚访

实用子比主题 – 设置文章有效期（到期自动删除/隐藏）

这是一款为子比主题添加文章有效期的功能，允许您为每篇文章设定有效期。一旦到达设定时间，文章将自动下线，不再对外展示。到期提醒的样式比较简陋，如果觉得不好看自行修改一下吧，用得到的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/www/wwwroot/huliku.com/wp-content/themes/zibll/func.php 添加以下代码，没有的自己创建一个，记得加上<?php否则会报错。添加代码后，后台发布文章页面右侧会多出个“文章有效期”栏目。填写好到期时间发布即可！ //文章有效期 CSF::createMetabox('post_validity_options', array( 'title' => '文章有效期', 'post_type' => ['post', 'page', 'forum_post'], 'context' => 'side', 'data_type' => 'unserialize', )); CSF::createSection('post_validity_options', array( 'fields' => array( array( 'id' => 'post_validity_time', 'type'...
建站笔记
28714
汇聚访的头像-汇聚访核心会员汇聚访7个月前
子比主题 – 右侧二次元不倒翁样式-汇聚访

实用子比主题 – 右侧二次元不倒翁样式

这是一款适配子比主题的二次元不不倒翁样式效果，适用一些以二次元风格的站点，喜欢的自行部署吧，反正我是觉得看多了有点晕晕的....，别的站点应该也可以用，没什么好说的自行测试吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>子比主题–>>网站统计HTML代码，直接丢里面就可以了，但是要注意的是，里面的JS需要自行更换，因为按钮里面有跳转链接在JS里面，所以你需要下载文章附件自己引入，在JS代码里面搜：www.huijuf.com，替换你的就行了！ <div id="left_layer" class="sakana-tfbk" style="position:fixed; bottom:250px; right:-38px;"> <div id="sakana-widget"></div> <script> function initSakanaWidget() { new SakanaWidget().mount('#sakana-widget'); } </script> <script async onload="initSakanaWidget()" src="/wp-content/themes/zibll/sakana.js" ></script> </div> [/hidecontent]
建站笔记
58710
汇聚访的头像-汇聚访核心会员汇聚访7个月前
1…1314151617…36跳转