建站笔记

子比主题 - 前端修改个人封面图片剪切功能-汇聚访

实用子比主题 – 前端修改个人封面图片剪切功能

这是一款子比主题用户中心中的个人封面扩展功能，此功能主要是可以使用户在前端自定义裁减自己上传的封面图片的大小也是非常的实用，该功能手机端的ui也适配了，话不多说了，有需要的站长自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先第一步定位：inc/function/uesr/page.php然后搜索函数zib_get_user_cover_set_modal()把这个函数注释，注释了之后把下方函数代码添加进去： /** * @description: 汇聚访www.huijuf.com带图片剪切功能的封面设置模态框 * @param {*} * @return {*} */ function zib_get_user_cover_set_modal() { $user_id = get_current_user_id(); if (!$user_id) { return; } $add = ZIB_TEMPLATE_DIRECTORY_URI . '/img/upload-add.svg'; // 引入Cropper.js库...
建站笔记
07712
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 - 页面底部动态小人样式-汇聚访

实用子比主题 – 页面底部动态小人样式

这是一款适配子比主题底部的两只可爱动漫小人效果，此效果汇聚访仅在电脑上作用了，低于电脑版尺寸的都已经隐藏了，夜间模式下也是一点都不突兀，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题后台设置 - 全局&功能 - 自定义CSS样式中添加以下代码即可（图片放图床了，建议自行本地化）： /*汇聚访www.huijuf.com*/ @media (min-width: 1420px){ html::after, body::after { position: fixed; top: 0; bottom: 0; content: ' '; background-repeat: no-repeat; background-size: 250px; background-image: url('https://pic1.imgdb.cn/item/6929a9bdb4e23f08080b15d4 .gif') !important; width: 125px;...
建站笔记
41248
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 – 右下角联系客服浮窗小工具-汇聚访

实用子比主题 – 右下角联系客服浮窗小工具

这是一款子比主题右下角联系客服浮窗小工具，这款小工具是腾飞写的有可视化的设置，可自定义不用端的开启或关闭，手机端也是正常适配的，但是黑夜模式没有适配，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加下面的代码： $widgets_files = array( 'zibbox_online_kefu.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件上传到：/wp-content/themes/zibll解压即可！小工具推荐放置位置：所有页面-页脚区内部 [/hidecontent]
建站笔记
0876
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 - 用户个人信息小工具动态钟表样式-汇聚访

实用子比主题 – 用户个人信息小工具动态钟表样式

这是一款子比主题仿Emlog里的一款主题样式的，这个不仅可以用在用户个人中心小工具，同时还可以用在文章作者信息小工具里，我都适配好了，此效果仅在网站用户登录时候才显示，我懒得适配未登录了，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/inc/functions/zib-author.php找到函数：zib_get_user_card_box（大概在700多行左右），随后在这个函数内部找到$cover这个变量名，你会看到以下代码： $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;">' . get_user_cover_img($user_id) . '</div>' : ''; 随后把此段代码替换为以下代码： /*汇聚访：www.huijuf.com*/ $cover = $args['show_img_bg'] ? '<div class="user-cover graphic" style="padding-bottom: 50%;"><div class="zibbox-clock-item"><div class="zibbox-clock_box"><svg class="ete_clock_clock"xmlns="http://www.w3.org/2000/svg"viewBox="0...
建站笔记
01156
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 – 侧边付费下载小工具（升级版）-汇聚访

实用子比主题 – 侧边付费下载小工具（升级版）

这是一款根据子比主题自带的付费下载小工具修改的小工具，在原本的基础上添加了一些相关作者信息，这款是炙焰写的，使用了子比主题原生框架，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们第一步定位：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！随后加下方的代码： $widgets_files = array( 'zibbox_widget_pays.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 文章附件下载之后上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
建站笔记
51179
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 - 弹窗猫耳朵背景样式-汇聚访

实用子比主题 – 弹窗猫耳朵背景样式

这是一款子比主题的弹窗猫耳朵背景样式，不管你打开哪个弹窗背后都会有个猫耳朵的背景，当然图片你也可以找素材自定义，猫耳朵的颜色我采用了主题你设置的基本颜色，这款效果来源于呆萌站长，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：主题后台设置 - 自定义CSS代码样式中添加下方代码即可： .modal-open .modal::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--focus-color); -webkit-mask: url(https://pic1.imgdb.cn/item/6922ddee3203f7be00250545 .png) no-repeat center/contain; mask: url(https://pic1.imgdb.cn/item/6922ddee3203f7be00250545 .png) no-repeat center/contain; z-index: -1;...
建站笔记
6946
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 – 会员尊享卡片跳转样式-汇聚访

实用子比主题 – 会员尊享卡片跳转样式

这是一款子比主题仿星河主题的会员尊享卡片跳转样式，这款样式应该是腾飞扒下来然后适配的，整体效果一般，没有适配夜间模式，手机版这里没有截图因为看起来比较突兀，有强迫症的还是别用了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将下面的代码丢到：WP后台–>>外观–>>小工具–>>自定义HTML即可！推荐：文章页-顶部全宽度 <link href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css" rel="stylesheet"> <style> .member-card-container{max-width:100%;margin:0 auto;padding:10px}.member-st{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(to right,#e0f2fe,#bae6fd);border:1px solid rgba(2,132,199,0.1);box-shadow:0 10px 25px -5px rgba(2,132,199,0.1),0 8px 10px -6px rgba(2,132,199,0.1)}.corner-decoration{position:absolute;width:60px;height:60px;background-color:rgba(255,255,255,0.2);z-index:5}.top-left{top:0;left:0;border-radius:0 0 60px 0}.top-right{top:0;right:0;border-radius:0 0 0 60px}.bottom-left{bottom:0;left:0;border-radius:0 60px 0 0}.bottom-right{bottom:0;right:0;border-radius:60px 0 0 0}.member-bgbox{position:absolute;inset:0;background-image:radial-gradient(rgba(2,132,199,0.06)...
建站笔记
212610
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 - 联系我们页面（第二款）-汇聚访

实用子比主题 – 联系我们页面（第二款）

这是一个第二款适配子比主题的联系我们页面，该效果原作者是宇凌写的但是也有一些问题，我...
建站笔记
412410
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 - 仿企业门户首页-汇聚访

实用子比主题 – 仿企业门户首页

这是一款适配子比主题所仿的企业门户首页样式，两个跳转按钮可自定义跳转链接，同时模板的内容也可以进行修改，创业者下方的头像也是可以自定义更改的，适合一些想用子比做企业站点的站长，同时再提醒一点，搬运本站文章请留本站版权谢谢！喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll把文章所带附件解压，随后到index.php文件中找到下方代码： <main role="main" class="container"> 在上方代码的头上添加以下代码即可： /*汇聚访：www.huijuf.com*/ <div class="container fluid-widget"> <link rel="stylesheet" href="/wp-content/themes/zibll/css/zibbox/zibbox_corporation.css"> <section class="huijuf-banner-container" style="opacity: 1; transition: opacity 1s ease-in-out;"> <div class="huijuf-content-wrapper"> <div class="huijuf-content-left"> <span class="huijuf-tag-expert">🟢 专注主题美化</span> <h1> 聚焦实用技巧<br> <span>WordPress主题</span>...
建站笔记
81358
汇聚访的头像-汇聚访核心会员汇聚访6个月前
子比主题 - 联系我们页面-汇聚访

实用子比主题 – 联系我们页面

这是子比主题的一款联系我们页面，这个页面本来就是优设网的随后适配到子比主题的，黑夜模...
建站笔记
111165
汇聚访的头像-汇聚访核心会员汇聚访6个月前
1…7891011…36跳转