汇聚访-汇聚访-第18页
用户封面
2.2W+30831
汇聚访的头像-汇聚访
SVIP汇聚访等级-LV50-汇聚访
UID：1 已加入汇聚访194天 总消费：0 河南省驻马店市管理员
发布297
排序
2025-06-09
06-09
子比主题 - 加一个实用美观可翻转的区块代码-汇聚访

实用子比主题 – 加一个实用美观可翻转的区块代码

这是一款子比主题可以翻转的公众号样式，这是第一款代码实现的功能，我觉得放到文章侧边比较好看，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先我们将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码！ <div class="card-widget" id="card-wechat" onclick="window.open('https://www.huijuf.com/wechat');"> <div id="flip-wrapper"> <div id="flip-content"> <div class="face"></div> <div class="back face"></div> </div> </div> </div> <link rel="stylesheet" href="/wp-content/themes/zibll/css/wxgzh.css" type="text/css"> 然后你可以看到上面的这个https://www.huijuf.com/wechat这个代码，后面会用到，继续我们的部署，文章图片以及CSS样式我都放在文件附件了，自行下载即可！代码里的网址以及CSS引用地址自行更改！上传完了之后呢，我们就可以看到我们的侧边有这个样式了，别忘了改一下下面链接的图片，因为里面有我的二维码，你们自己PS一下你们自己的二维码：/wp-content/themes/zibll/img/wx_gzh.png 然后我们接下来就是我们的https://www.huijuf.com/wechat这个了，我们这个是一个页面，我不多说，这个就一个HTML单页，你自己替换你自己的然后拿到链接直接替换了我的链接就行！ [/hidecontent]
子比主题子比美化建站笔记
2025-06-15
06-15
子比主题 - 昼夜切换模式新增过度动画-汇聚访

实用子比主题 – 昼夜切换模式新增过度动画

今天给大家分享一个昼夜切换的过度动画，原作者为囚墨，希望大家能够喜欢！话不多说，直接开始部署！ 演示效果： 代码部署： [hidecontent type="reply"] 首先找到相应的代码位置： /wp-content/themes/zibll/js/main.min.js，这里的代码是压缩过的，可以将main.js里的代码复制到main.min.js里，替换代码后再将代码进行压缩即可！随后搜索主题切换，替换主题切换事件方法！ $('.toggle-theme').click(function(e) { // 缓存所有DOM元素和初始值，避免重复查询 var body = $('body'); var isDark = body.hasClass('dark-theme'); var tinymceBody = $('#post_content_ifr').contents().find('body'); var enlighter = $('.enlighter-default'); var highClasses = { white: 'enlighter-t-' + _win.highlight_white_zt, dark:...
子比主题子比美化建站笔记
2025-07-21
07-21
子比主题 - 动态星空背景-汇聚访

实用子比主题 – 动态星空背景

大家好，今天汇聚访给大家带来一款夜间模式仿星空流动的动态背景特效，这个效果白天和黑夜模式都有，白天不太明显。黑夜模式的比较好看，这个效果是仿的小樱博客的，今天分享给大家，希望对大家有帮助，如果觉得白天模式不好看，请自行适配白天模式！ 演示效果： 代码部署： [hidecontent type="payshow"] ①首先在子比后台设置-自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .dark-theme { background: var(--body-bg-color) fixed center / cover; } .stars { display: none; position: fixed; bottom: 0; left: 50%; transform: perspective(500px); transform-style: preserve-3d; perspective-origin: 50% 100%; animation: stars_anime...
子比主题子比美化建站笔记
2025-07-27
07-27
子比主题 - 动态萤火星空背景-汇聚访

实用子比主题 – 动态萤火星空背景

大家好，今天汇聚访给大家分享一款动态萤火星空的背景，这个效果是我在别的站点看到的，觉得挺好看的，于是就整了下来，不过这个效果唯一遗憾的是没有适配白天模式，我前段日子分享了一个星空效果的教程，那个白天模式适配的也是一言难尽，我也比较懒，主要自己用不到，需要的话自行适配吧，话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比设置-自定义CSS样式中添加以下代码： * { box-sizing: border-box; padding: 0; margin: 0; } body { background: #22313f; position: relative; } #starsContainer { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:...
子比主题子比美化建站笔记
2025-07-14
07-14
子比主题 - 网站底部评论热评-汇聚访

实用子比主题 – 网站底部评论热评

大家好，今天汇聚访给大家带来一款网站底部评论的热评显示。这个效果原创为星雨，之前也发过类似的教程，不过那个是网易云热评，感觉没有这个网站热评用处大，所以今天给大家分享一下这个，希望对大家有用。 演示效果： 代码部署： [hidecontent type="payshow"] PHPHTML 将下方代码放置在主题目录下的 function.php 或者新建一个 func.php 文件 // 注册自定义 REST API 接口 function register_hot_comments_endpoint() { register_rest_route('myapi/v1', '/hot-comments', array( 'methods' => 'GET', 'callback' => 'get_hot_comments', )); } add_action('rest_api_init', 'register_hot_comments_endpoint'); function get_hot_comments() { $comments = get_comments(array( 'number'...
子比主题子比美化建站笔记
2025-07-26
07-26
子比主题 - 顶部多功能导航区块-汇聚访

实用子比主题 – 顶部多功能导航区块

大家好，今天汇聚访给大家带来一款比较好看的多功能导航区块，这个功能是我没事逛站的时候在别的地方看到的，于是就仿了一个，测试下来没啥大问题，今天分享给大家，希望对大家有帮助，虽然我标题为顶部导航区块，但是你想放在哪里都是可以的，关键是看你自己，还有代码里的图片引用的是别的站点的，我这边建议你保存下，放在自己的网站里，以防素材丢失。再提一嘴，黑色模式我没有适配，本站用不到，如果你觉得需要的话，自行适配。话不多说，直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="payshow"] 直接把下方代码放在小工具即可： <style> /*汇聚访：www.huijuf.com*/ .slide_6_search { height:68px; width:1200px; position:relative; z-index:12; margin:0 auto; margin-top:-100px; z-index:1; top:-120px } .slide_6_search .searchbox { width:1010px; margin:0 auto; background:rgba(255,255,255,0.5); height:48px; border-radius:5px; padding:10px } /*汇聚访：www.huijuf.com*/ .slide_6_search .searchbox .search_input...
子比主题子比美化建站笔记
2025-07-22
07-22
子比主题 - 用户信息小工具底部两个按钮美化-汇聚访

实用子比主题 – 用户信息小工具底部两个按钮美化

今天汇聚访给大家带来用户信息小工具底部两个按钮的美化教程，这个效果最开始是在腾飞博客看到的，个人感觉挺好看的，于是就扒了下来，今天就分享给大家吧，每个人的观感不同，自己觉得好看的自行部署吧！代码部分我发了两个版本，一个压缩版和一个未压缩自行部署。 演示效果： 代码部署： [hidecontent type="reply"] 直接到子比后台设置-自定义CSS样式中添加以下代码： 压缩版未压缩 /*汇聚访：www.huijuf.com*/ .user-btns { margin-top: 20px !important; display: flex; justify-content: center; align-items: center; gap: 14px; flex-wrap: wrap; padding-bottom: 4px; } /*汇聚访：www.huijuf.com*/ .user-btns .btn-newadd, .user-btns .jb-pink { background: linear-gradient(90deg,#ff92ac 0,#fd6dcb...
子比主题子比美化建站笔记
2025-07-20
07-20
子比主题 - 顶部动漫小人挂件-汇聚访

实用子比主题 – 顶部动漫小人挂件

今天汇聚访给大家带来这一款顶部动漫小人挂件的教程，这个代码做了手机适配，电脑端才会显示，手机端将会隐藏，图片可自行更换成你喜欢的图片类型，话不多说，直接开始教程！ 演示效果： 代码部署： [hidecontent type="reply"] ①首先在子比后台-自定义头部HTML代码里添加以下代码： <div class="zbbox_header"></div> ②在子比后台-自定义CSS样式里添加以下代码： @media screen and (min-width:850px) { .zbbox_header { width: 120px; height: 200px; padding-top: 12%; display: inline-block; background: url(https://www.huijuf.com/wp-content/themes/zbboxPro/images/head/2025_year.png) no-repeat 50%/100%; vertical-align: middle; position: fixed; left: 86%; top:...
子比主题子比美化建站笔记
2025-07-13
07-13
子比主题 - 资源下载区块美化-汇聚访

实用子比主题 – 资源下载区块美化

今天给大家分享一个美化，这个美化是关于资源下载区块的，显示效果呢也是比较一般，自己觉得好看的话可以加上去，这个效果我是看的腾飞搞得，如果你有需要就部署吧！教程也是比较简单的。 演示效果： 代码部署： [hidecontent type="payshow"] 直接把代码放到自定义CSS样式里即可！ #posts-pay { background-image: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01LTSBKl1QbIk5uLfKD_!!2210123621994.webp); } [/hidecontent]
子比主题子比美化建站笔记
2025-07-14
07-14
子比主题 -  修改Tag标签固定链接-汇聚访

实用子比主题 –  修改Tag标签固定链接

对于子比站长很多人写了tag标签的时候会有的时候出现中文的标签，那么他对网站是不是很友好的，所以这里是一键修改Tag标签链接，可以将标签换成html格式，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创一个，记得加上php头，要不然报错，将下面的代码放里面即可，放了之后记得去：WP后台–>>设置–>>固定链接–>>保存设置一下！ // 修改标签链接结构 function modify_tag_link($link, $term, $taxonomy) { if ($taxonomy === 'post_tag') { return home_url('/tag/' . $term->term_id . '.html'); } return $link; } add_filter('term_link', 'modify_tag_link', 10, 3); // 添加重写规则 function...
子比主题子比美化建站笔记
1…1617181920…30跳转
热评