建站笔记

子比主题 - 文章页左侧悬浮快捷功能-汇聚访

实用子比主题 – 文章页左侧悬浮快捷功能

这是给子比主题的文章页添加的左侧悬浮快捷功能，此效果主要适用于电脑版文章页的快捷性，集成了评论、点赞等功能，跟子比论坛里的悬浮快捷功能有类似之处，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ /** * 文章页面左侧浮动按钮 */ function zib_post_fixed_btns() { global $post; if (wp_is_mobile() || !is_single() || $post->post_type !== 'post') return ''; $id = $post->ID; $logged = is_user_logged_in(); $btns = ''; $items...
建站笔记
111428
汇聚访的头像-汇聚访核心会员汇聚访5个月前
Ri主题 - 夜间模式动态星空背景-汇聚访

实用Ri主题 – 夜间模式动态星空背景

这是给RiProV5的夜间模式适配的一款动态星空背景的样式，此样式在子比主题主题里也适配过，但是两款不是同一个代码，总体来说还是挺好看的，唯一的不足就是有点吃性能，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] header.phpCSS代码 定位：/wp-content/themes/ripro-v5/header.php中找到<main>这个标签，然后在此标签下添加以下代码： <div data-v-addee5d6="" data-v-2478e6e8="" class="background"> <div data-v-addee5d6="" class="stars small"></div> <div data-v-addee5d6="" class="stars medium"></div> <div data-v-addee5d6="" class="stars large"></div> </div> 定位：后台主题设置 - 基本设置 - 自定义CSS样式代码中添加以下代码（需下载文章附件中的图片素材，再修改代码中的“素材所放置的路径”为素材路径）： .background[data-v-addee5d6] { position: fixed; top: 0;...
建站笔记
09714
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 -文章页动漫提示引导小人-汇聚访

实用子比主题 -文章页动漫提示引导小人

这是汇聚访为子比主题适配的哔哩哔哩样式的提示引导小人，此代码适用于所有主题，这里仅以子比主题作为演示，该教程部署位置为文章页，你可以放在你网站的任何地方，话不多说有需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 文章插入内容CSS代码 定位：子比后台设置 - 文章&列表 - 文章页面 - 文章插入内容 - 在文章内容后-插入内容中添加以下代码即可： <div class="huijuf-service-bg"><div class="huijuf-service-word"><p>还没有解决问题咩？</p><a style="cursor:pointer;" data-remote="/wp-admin/admin-ajax.php?action=private_window_modal&receive_user=1" data-toggle="RefreshModal">主站相关客服</a></div></div> 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .huijuf-service-bg { position: huijuf; display: block; width: 270px; height: 220px; background:...
建站笔记
01169
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 – VIP会员权益页面（第四版）-汇聚访

实用子比主题 – VIP会员权益页面（第四版）

这是给子比主题适配的第四款的VIP会员权益页面，这款相比前面的几款是比较简约的，没有...
建站笔记
01236
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 – 下载按钮hover弹窗功能-汇聚访

实用子比主题 – 下载按钮hover弹窗功能

这是一款子比主题下载按钮hover弹窗功能，部署此功能之前你需要注意当此功能部署完之后，这个如果用户扫描二维码下载资源之后，是不扣资源限制次数的，介意的话就不用这个功能，需要的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ // AJAX接口：生成二维码（带缓存） add_action('wp_ajax_get_download_qrcode','custom_get_download_qrcode'); add_action('wp_ajax_nopriv_get_download_qrcode','custom_get_download_qrcode'); function custom_get_download_qrcode(){ if(empty($_GET['url'])){die();} $url=urldecode($_GET['url']); $cache_key='qr_'.md5($url); $cached=get_transient($cache_key); if($cached){ header('Content-Type: image/png'); header('Cache-Control: max-age=86400'); echo base64_decode($cached); die(); } ob_clean(); require_once get_theme_file_path('/inc/class/qrcode.class.php'); ob_start(); QRcode::png($url,false,'L',4,1); $img=ob_get_clean(); set_transient($cache_key,base64_encode($img),DAY_IN_SECONDS); header('Content-Type: image/png'); header('Cache-Control:...
建站笔记
101277
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 – 滚动推荐卡片小工具（第三版）-汇聚访

实用子比主题 – 滚动推荐卡片小工具（第三版）

这是给子比主题适配的第二款的滚动推荐卡片小工具，此小工具与本站使用的非一个代码版本，本版本为别的站长免费分享的，汇聚访总体测试下来这个版本问题还是挺多的，汇聚访这里修复了几个小问题，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先把文章所含的附件下载下来，解压到/wp-content/themes/zibll路径下，随后在你所需要的位置添加小工具中的自定义HTML代码，随后把下方代码添加进去即可（图片以及跳转链接需要自行更换）： <link rel="stylesheet" href="/wp-content/themes/zibll/zibbox/css/Banner.css"> <style type="text/css"> /* 合并所有幻灯片样式+原有样式 */ .todayCard-title, .todayCard-tips, .topGroup.banner-button {color: #ffffff} .topGroup.todayCard {background: #000000} /* 新增幻灯片样式 */ .slideshow-container {position: relative;width: 100%;height: 100%;overflow: hidden;border-radius: 12px;} .slide {position: absolute;top:...
建站笔记
2429913
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 – 新排名榜页面样式（两款）-汇聚访

实用子比主题 – 新排名榜页面样式（两款）

这是一款子比主题的新排名榜页面样式，此效果一共有两款，分别为有图以及无图的样式，这个...
建站笔记
615111
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 - 趣味生肖配对小工具-汇聚访

实用子比主题 – 趣味生肖配对小工具

这是一款适配子比主题的趣味生肖配对小工具，此小工具适配所有主题和网站，部署后可自定义配对指数以及相关提示语，此小工具也是比较简约的，有能力的可以自己再美化美化，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台 – 外观 – 小工具中找到文章页-侧边栏添加自定义HTML代码即可： <!-- 生肖配对测试 -汇聚访www.huijuf.com --> <div style="background: linear-gradient(135deg, #fdf2f8 0%, #fef7fb 100%); border-radius: 8px; padding: 20px; margin-bottom: 20px; border: 1px solid #f0d5e0;"> <h3 style="color: #e53e3e; font-size:...
建站笔记
2707
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 - 马年倒计时小工具-汇聚访

实用子比主题 – 马年倒计时小工具

这是一款给子比主题适配的马年倒计时小工具，此代码不单适用于子比主题还适用于别的一些主题等程序，过年的时间你也可自定义修改，代码使用的都是原生代码，重要的地方都有相关注释，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台 - 外观 - 小工具中找到文章页-侧边栏添加自定义HTML代码即可： /*汇聚访www.huijuf.com*/ <div style="background: linear-gradient(135deg, #f0f8fb 0%, #e8f4f8 100%); border-radius: 8px; padding: 20px; margin-bottom: 20px; border: 1px solid #d1e7f0;"> <h3 style="color: #165dff; font-size: 18px; margin: 0...
建站笔记
71307
汇聚访的头像-汇聚访核心会员汇聚访5个月前
子比主题 - 前台发布文章离开页面提示保存-汇聚访

实用子比主题 – 前台发布文章离开页面提示保存

这是为子比主题前台编辑器添加的一个发布文章离开页面提示保存的功能，当我们在前台发帖或发文章页面编辑一大堆内容，如果忘记手动保存直接访问其他页面后，所有内容就丢失了。此功能就是为了避免这一情况发生，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题后台 - 自定义代码 - 自定义底部HTML代码中添加以下代码（记得修改代码中的网站为你自己的）： <!-- 提示编辑保存js开始--> <script type="text/javascript"> let whiteList = ['/newposts','/posts-edit/'] let flag = whiteList.includes(window.location.pathname) ? true : false let formListenerAdded = false; function listeningForm() { var hasChanges...
建站笔记
6899
汇聚访的头像-汇聚访核心会员汇聚访5个月前
1…34567…36跳转