子比美化 第22页
2025-05-24
05-24
子比主题 - 系统弹窗跳转引导提醒（第一版）-汇聚访

实用子比主题 – 系统弹窗跳转引导提醒（第一版）

尘封已久的代码，今天趁有空就跟大家分享一下！做有关Mac资源的站应该比较有用，该代码可以判断主机系统来显示对应的引导链接，样式简约美观，倒计时自动关闭！ 演示效果： 代码部署： [hidecontent type="reply"] JS代码放入后台！ try { if($ || jQuery) { tipsFun(); } } catch(e) { let script=document.createElement("script"); script.type="text/javascript"; script.src="/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload = tipsFun; } function tipsFun() { // 判断用户是否是windows if((navigator.platform == "Win32") ||...
6个月前
建站笔记
2025-05-24
05-24
子比主题 - 文章封面角标美化-汇聚访

实用子比主题 – 文章封面角标美化

今天分享的教程是WordPress子比主题美化教程：文章角标及封面图底部美化。简单的来说，就是在文章发布页面增加一个附加选项，可以通过这个附加选项达到我们想要的美化效果！文章发布时可在编辑页底部自行配置输入内容以及颜色，不填写内容则不显示。 演示效果： 代码部署： [hidecontent type="reply"] 一共三个代码，两个PHP代码和一个CSS代码，跟着教程操作就不会有问题！！ func代码zib-posts-list代码CSS代码 定位：/wp-content/themes/zibll/func.php文件，把下方代码添加进去即可： if (class_exists('CSF')) { CSF::createMetabox('huijuf', array( 'title' => '文章封面自定义标识', 'post_type' => array('post', 'page', 'plate', 'forum_post'), 'context' => 'advanced', 'data_type' => 'unserialize', )); CSF::createSection('huijuf', array( 'fields' => array( array(...
6个月前
建站笔记
2025-05-24
05-24
子比主题 - 自带滑块验证图片修改-汇聚访

实用子比主题 – 自带滑块验证图片修改

对于子比的滑动模块我们很多人都不是很喜欢自带的滑动模块的图片，接下来我来教大家怎么自...
6个月前
建站笔记
2025-05-22
05-22
子比主题 - 侧边动漫图片卡片小工具-汇聚访

实用子比主题 – 侧边动漫图片卡片小工具

这是一款仿B站的侧边动漫图片社区小工具，这款小工具是纯代码并没有写成可视化小工具，没有适配昼夜模式，放上自己的二维码即可，旁边的几个标签都可以更改，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：外观 - 小工具 - 文章页&侧边栏（自定义HTML代码区块）添加以下代码即可，图片可自行本地化，以防丢失！ <style type="text/css"> .mhy-qrcode-download-card .mhy-qrcode-top-card{position:relative;width:auto;height:212px;border-radius:4px;padding-top:42px}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-image{position:absolute;width:154px;height:106px;right:0;top:0;background-size:100% 100%;background-repeat:no-repeat;cursor:pointer}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content{cursor:pointer}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background{width:auto;height:64px;background-size:280px 64px;border-radius:3px 3px 0 0}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:32px;left:0px;top:75px;background-image:url(https://oss.longs.cn/images/2025/05/20250519104024124.png);background-size:100% 32px;background-repeat:no-repeat}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome-image{width:24px;height:24px;margin:8px 6px 0 12px;background-size:100% 100%;background-repeat:no-repeat}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-background .background__welcome-text_img{width:111px;height:22px;margin-top:9px;background-size:100% 100%;background-repeat:no-repeat}.mhy-qrcode-download-card .mhy-qrcode-top-card__role-content-info{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto;height:106px;background:var(--main-bg-color);border-radius:0...
6个月前
建站笔记
2025-05-22
05-22
子比主题 - 添加一个每日60s新闻模块+新闻独立页面+本地接口-汇聚访

实用子比主题 – 添加一个每日60s新闻模块+新闻独立页面+本地接口

大家好，本次汇聚访给大家带来了子比主题添加一个每日60s新闻模块及独立页面和本地接口的教程，为什么要用本地接口而不用Api呢，因为Api随时可能失效，但是本地接口避免了这个问题，话不多说有喜欢的自行部署吧，教程写的很详细！ 演示效果： 代码部署： [hidecontent type="payshow"] 一：本地接口制作方法： 第一步：下载文章附件文件后把本地接口文件夹里的文件上传到网站的根目录下！ 第二步：打开 60s的文件夹，修改 60s.php 文件中的 Tonke！ 第三步：token获取——前往获取 注册登录 - >个人管理 -> 个人中心 -> 数据中心 -> token管理 - >获取token 第四步：添加宝塔 计划任务，如下图所示: 任务类型：访问URL-GET URL地址： 你的网站域名/60s/60s.php?api=api-json 如果你不是放在根目录的请自行修改 执行周期：每天执行一次就行，不建议太早。也可以每天隔几小时执行一次 添加好之后先手动执行一次 第五步：检查60s文件夹内的 test.json 文件内是否已有内容，如果没有内容请检查是否那一次出问题了!!! 二：模块+页面 添加步骤 第一步：添加新闻模块: 1、子比主题文件目录/wp-content/themes/zibll/func.php 或 functions.php 文件内...
6个月前
建站笔记
2025-05-18
05-18
子比主题 - 旋转小人小工具-汇聚访

实用子比主题 – 旋转小人小工具

这是一款给子比主题适配的旋转小人小工具组件，此小工具不仅仅可以用来展示网站的公告信息，同时还可以引导用户去查看信息，样式也是十分好看，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：WP后台 - 外观 - 小工具中选择文章页-侧边栏随后添加自定义HTML代码即可： <div style="background:#fff;border-radius:15px;padding:10px 20px;" class="card-widget card-announcement"> <div class="item-headline"><i style="font-size:20px;color:red;" class="fa fa-bullhorn"> </i> <span style="font-size:15px;font-weight:700;margin-left:3px;line-height:15px;"> 公告</span></div> <div class="announcement_content"> <p>不定时更新博客，欢迎交换<a href="/links.html"><strong>友链</strong></a>...</p> <div class="twopeople"> <div class="container" style="height:200px;"><canvas class="illo" width="1200"...
6个月前
建站笔记
2025-05-14
05-14
子比主题 - 右侧新版悬浮导航美化版本修正版本-汇聚访

实用子比主题 – 右侧新版悬浮导航美化版本修正版本

子比主题现在右侧悬浮导航还是比较不错的，功能页比较全面，如果有喜欢折腾的朋友可以自己修改下，右侧悬浮导航，此教程是从其他博客看到后觉着不错，可以学习下，喜欢的朋友可以自己测试，只显示电脑端，手机端空间太小，影响阅读、美观。 演示效果： 代码部署： [hidecontent type="payshow"] CSS自定义底部HTML 添加教程第一步首先就是添加CSS，zibll主题设置—全局功能—自定义代码—自定义CSS样式添加以下CSS代码！ .gotop { position: fixed; bottom: 20%; right: 1%; z-index: 999; }/*www.huijuf.com*/ .gotop-box{ box-shadow: 0 4px 23px rgba(0, 0, 0, 0.08); border-radius: 8px; background: #fff; } .gotop .gotop-item{ color:...
6个月前
建站笔记
2025-05-14
05-14
子比主题 - 动态灵动岛样式美化-汇聚访

实用子比主题 – 动态灵动岛样式美化

这是一款模仿苹果灵动岛一个样式代码，代码是扒的mac站长的一个样式，然后对于灵动岛，里面是比如用户访问哪个页面或者文章分类等，他会调用该页面的标题来欢迎的灵动岛，消息和用户中心我是单独判断的一个样式，话不多说直接上演示！ 演示效果： 代码部署： [hidecontent type="payshow"] func代码CSS代码自定义头部HTML代码 定位：/wp-content/themes/zibll/func.php添加以下代码即可： function add_dynamic_island_script() { ?> <script type="text/javascript"> window.onload = function() { triggerIsland(); let title; const currentUrl = window.location.pathname; if (currentUrl.includes('/message/')) { document.querySelector('.bars p').innerText = "正在访问消息页面"; } else if (currentUrl.includes('/user/'))...
6个月前
建站笔记
2025-05-13
05-13
子比主题 - 后台美化插件-汇聚访

实用子比主题 – 后台美化插件

在当今互联网时代，WordPress已经成为了最受欢迎的内容管理系统之一。然而，对于...
6个月前
功能插件
2025-05-13
05-13
子比主题 - 自定义美化插件-汇聚访

实用子比主题 – 自定义美化插件

用于提供给不会写美化插件的小白用户，让小白也能自己制作一个属于自己的美化插件，支持每...
6个月前
功能插件
1…2021222324…28跳转