建站笔记

子比主题 – 首页左侧快捷导航美化-汇聚访

实用子比主题 – 首页左侧快捷导航美化

大家好，本次汇聚访给大家带来一款子比主题的首页左侧快捷导航美化样式，只会在电脑版本显示，效果还是非常不错的，比较便捷，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] PHP代码CSS代码首页配置 首先在路径：/wp-content/themes/zibll/index.php文件里面我们将下面的代码放到</main>的下面 #号 zuixinfabu不要动，后面跟的两个分类的bbmh和zbmh是分类别名。跳转至对应的卡片列表，如果你想要跳转到哪个小工具那个地方你加一个<div id=”标签名字”>，然后改下面的代码#标签即可！ /*汇聚访：www.huijuf.com*/ <ul id="menu" class="ontop show" style="background:var(--main-bg-color);"> <a class="scroll-link" href="javascript:(scrollTo('#zuixinfabu',-1));" rel="external nofollow" ><li title="最新发布" style="color:var(--key-color);" class="">最新发布</li></a> <a class="scroll-link" href="javascript:(scrollTo('#bbmh',-1));" rel="external nofollow" ><li title="B2美化" style="color:var(--key-color);" class="">B2美化</li></a> <a...
建站笔记
51105
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 会员购买页面添加背景图-汇聚访

实用子比主题 – 会员购买页面添加背景图

大家好，今天汇聚访给大家带来一款子比主题会员购买页面背景图的这么一个样式效果，看上去非常的美观，适合于那些二次元和动漫的站点，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将代码放到：子比主题–>>自定义CSS样式即可！ /*vip背景开始*/ .vip-card{ background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png); background-size: auto; background-size: 115%; } .sub-vip-card .vip-card{ background-size: 175%; } .payvip-icon{ background: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01t6ynIT1QbIhcVZ38F_!!2210123621994.png); } /*vip背景结束*/ [/hidecontent]
建站笔记
81067
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 添加自动聊天机器人页面-汇聚访

实用子比主题 – 添加自动聊天机器人页面

大家好，今天汇聚访给大家带来子比主题的自动聊天机器人页面，这个机器人可以在线聊天回答...
建站笔记
011612
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 未登录时图片高斯模糊显示-汇聚访

实用子比主题 – 未登录时图片高斯模糊显示

大家好，今天汇聚访给大家带来子比主题未登录时图片高斯模糊显示的这么一个功能，关于未登录的功能，本站已经写了三个教程了，本次这个功能呢是用户没有登录的时候图片显示模糊的，登入之后就可以看到全部图片了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 找到文件：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，创建之后别忘了加php头，要不然会报错。将下面的代码放到这个文件里面即可！当然你也可以直接放在functions.php，但是这样主题更新，效果会丢失，所以建议放在func.php文件里！ //未登录时全站图片模糊 function n_yingcang_css(){ echo '<style> img { -webkit-filter: blur(10px)!important; -moz-filter: blur(10px)!important; -ms-filter: blur(10px)!important; filter: blur(6px)!important;} </style>'; } if( !is_user_logged_in()) {add_action( 'wp_head', 'n_yingcang_css' );}; //未登录时全站图片模糊 [/hidecontent]
建站笔记
2939
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 未登录用户禁止查看图片-汇聚访

实用子比主题 – 未登录用户禁止查看图片

大家好，本次汇聚访给大家带来子比主题未登录用户禁止查看图片的功能，这个功能对于一些站点来说还是比较实用的，配合着我之前发的未登录用户禁止查看文章内容实用，效果更加得好，话不多说了有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 找到目录：/wp-content/themes/zibll/inc/functions/zibll-theme.php，然后搜if ($show_url)，然后在他这一块的上面加上下面的代码！$img_url里图片链接自行更改！ // 最后登录判断 if(!is_user_logged_in()){ $img_url = 'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01iV7q291QbInEwlATS_!!2210123621994.jpg'; } [/hidecontent]
建站笔记
27315
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 – 网站文章内容复制弹窗提示（两款）-汇聚访

实用子比主题 – 网站文章内容复制弹窗提示（两款）

大家好，今天汇聚访给大家带来两款网站文章内容弹窗提示，复制的时候会弹出弹窗，整体效果还是不错的，第二款的弹窗是在内容末尾加版权信息，有喜欢的的自行部署吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 第一款第二款 定位：后台子比主题设置–>>自定义代码–>>自定义 javascript中添加以下代码： /* 复制提示 */ document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});}; 定位：子比主题后台 - 自定义代码 - 自定义底部HTML代码中添加以下代码： <!-- 复制提示框 --> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> 定位：子比主题后台 - 自定义代码 - 自定义底部HTML代码中添加以下代码： <script...
建站笔记
710614
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 评论区添加动漫小人结尾-汇聚访

实用子比主题 – 评论区添加动漫小人结尾

大家好，今天汇聚访给大家带来一个评论区添加动漫小人结尾的样式，这个样式适应于二次元的站点，加上去感觉比较吸引人的注意力吧，未登录和未评论及手机端都做了适配，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 图片我是放在了图床，为了防止图片素材丢失，我这里建议你直接下载下来，然后放在本地。 首先找到/wp-content/themes/zibll/template/comments.php这个文件随后搜索comment-null这个代码，然后在他下面添加以下代码即可（搜出来会有两个结果，都添加即可，图片为两个地方添加后的代码）： /*汇聚访：www.huijuf.com*/ echo '<img src="https://pic1.imgdb.cn/item/68a7d9a458cb8da5c841d276 .png">'; /*汇聚访：www.huijuf.com*/ [/hidecontent]
建站笔记
011312
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 昼夜切换模式新增太阳月亮图标动画-汇聚访

实用子比主题 – 昼夜切换模式新增太阳月亮图标动画

大家好，今天汇聚访给大家带来一款子比主题的昼夜切换模式的太阳月亮图标动画，这个效果对比之前单纯的过度动画是要好看的多的，当然每个人眼光不同，如果喜欢的话自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .trm-mode-swich-animation-frame { position: fixed; width: 100%; height: 100%; top: 0; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: opacity 0.6s ease-in-out, background-color 0.6s ease-in-out; }...
建站笔记
01195
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 仿bilibili页面顶部焦点轮播图-汇聚访

实用子比主题 – 仿bilibili页面顶部焦点轮播图

大家好，今天汇聚访给大家分享一下使用swiper框架仿bilibili页面顶部焦点轮播图的这么一个功能，一般来说都是通用的，原作者是墨星，我对着仿了一个然后测试下来也没有bug，同时增加了点样式，然后手机端小图片进行了隐藏，因为加上的话手机端效果不咋好看，我也懒得写成小工具了，喜欢的直接按代码自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] 首先可以在子比根目录里的index.php这个文件中添加代码，当然也可以是别的位置，我这里就以这个位置为例了，打开文件后在<main role="main" class="container">这行代码的上面添加代码即可，css样式和js样式这里我直接打包放在文章附件里了，引用链接自行更改吧，然后图片可更换自己喜欢的图片。 <link rel="stylesheet" href="/wp-content/themes/zibll/huijuf-banner.css"> <div class="focus-container slide-header"> <div class="main-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://baidu.com" target="_blank" class="swiper-link"> <img src="图片地址" alt="轮播图1"> </a> </div> <div class="swiper-slide"> <img src="图片地址" alt="轮播图2">...
建站笔记
013212
汇聚访的头像-汇聚访核心会员汇聚访9个月前
子比主题 - 仿图酷顶部导航栏样式-汇聚访

实用子比主题 – 仿图酷顶部导航栏样式

大家好，今天汇聚访给大家带来一款子比的顶部导航栏，这个效果开始我是在图酷的站点看到的，于是就仿了一个，效果还是很不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .login-panel{ float: right!important; margin-top: 8px; } /*汇聚访：www.huijuf.com*/ .login-panel #login { position:relative; } /*汇聚访：www.huijuf.com*/ .header-login-search .fl .modal-open { display:block; color:#fff; font-size:14px; line-height:30px; height:30px; -webkit-border-radius:30px; border-radius:5px; width:auto; padding:0 1.6em; background:...
建站笔记
01596
汇聚访的头像-汇聚访核心会员汇聚访9个月前
1…1920212223…36跳转