子比美化 第9页
2025-08-12
08-12
子比主题 - 添加文章评论常用语功能（v8.1修复版）-汇聚访

实用子比主题 – 添加文章评论常用语功能（v8.1修复版）

大家好，今天汇聚访给大家带来子比主题的文章评论常用语功能，这个功能子比在v8.1添加了，也就是自动回复，但是有些人感觉没有这个看着舒服，今天就出个教程，已经修复8.1版本代码变动的情况，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先在子比后台-CSS代码样式中添加代码： /*常-用-语样式*/ .wiiuii-words-li{margin:5px auto;padding:5px;background:var(--body-bg-color);border-radius:var(--main-radius)} .wiiuii-words-li:hover{background:var(--float-btn-bg)} 随后在后台主题设置-自定义javascript代码添加下面jQuery代码： // 评-论-常-用-语JS $('.wiiuii-words-li').on('click', function() { var $wiiuii_comment = $('#comment'); var wiiuii_com_text = $(this).find('span').text(); var wiiuii_com_original = $wiiuii_comment.val(); $wiiuii_comment.val(wiiuii_com_original ? wiiuii_com_original + ' ' +...
子比主题建站笔记
2025-08-12
08-12
子比主题 - 系统弹窗跳转引导提醒（第二版）-汇聚访

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

大家好，今天汇聚访给大家带来系统弹窗跳转引导提醒的第二个版本，之前发过一个版本是MacOS系统的，今天给大家带来第二版，同时也适配了手机端，这个效果起初是在腾飞那里看到的，于是就仿了一个，顺便适配了下手机版的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在子比后台-自定义底部HTML代码中添加以下代码（跳转链接自行替换）： /*汇聚访：www.huijuf.com*/ <script type="text/javascript"> try{ if($||jQuery){ tipsFun(); }else{ let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload=tipsFun; } function tipsFun(){ const platform=navigator.platform; if((platform=="Win32")||(platform=="Windows")||(platform=="MacIntel")||(platform=="MacPPC")||(platform=="Mac68K")||(platform=="MacOS")){ let curTime=new Date().getTime(); if(!window.localStorage.hasTips||((curTime-window.localStorage.hasTips)>=86400000)){ setTimeout(()=>{ $(document).ready(function(){ let tipHtml=` <div class="tip-box"...
子比主题建站笔记
2025-08-12
08-12
子比主题 - 底部悬浮导航栏-汇聚访

实用子比主题 – 底部悬浮导航栏

大家好，今天汇聚访给大家带来一款子比主题的底部悬浮导航栏，之前发过7b2主题的，今天发一下子比主题的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 把下方代码放在子比后台设置-自定义css样式里即可： /*汇聚访：www.huijuf.com*/ @media (max-width: 767px) { .footer-tabbar { display: flex; border-radius: 50px; margin: 0 20px 20px 20px; width: 92%; box-shadow: 0 0 6px 0 #FFD1D8; } } /*汇聚访：www.huijuf.com*/ [/hidecontent]
子比主题建站笔记
2025-08-12
08-12
子比主题 - 全局边框及卡片拟态动漫小人美化-汇聚访

实用子比主题 – 全局边框及卡片拟态动漫小人美化

大家好，今天汇聚访给大家带来一款子比主题的边框样式的美化，这个是给全局增加了黑色的线条边框，同时呢也给卡片增添了拟态效果和动漫小人，适合动漫风格的网站，话不多说直接开始部署教程。 演示效果： 代码部署： [hidecontent type="payshow"] 把下方代码添加到子比后台-自定义css样式里即可，图片如果相关调整图片链接即可： posts.posts-item.list.ajax-item.flex, .zib-widget, .main-bg { border: 2px solid #1d1d1d; } .posts-item { border: 2.5px solid #212121; } .item-body::after { content: ""; display: inline-block; position: absolute; bottom: 0; right: 1px; background-image:...
子比主题建站笔记
2025-08-11
08-11
子比主题 - 首页排行榜小工具样式（第三版）-汇聚访

实用子比主题 – 首页排行榜小工具样式（第三版）

大家好，今天汇聚访给大家带来首页排行榜小工具的第三个样式，之前也发过这个小工具，只不过和这个样式不同，这个效果比起前两个是比较简约的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先看下图，第一个是分类ID，第二个是在首页出现几个： 将下面的HTML代码放到自己的index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜<?php get_sidebar(); ?>，推荐放在下面，代码如下所示： <div class="zib-widget mohan-ranking-widget"> <div class="list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">资源分享</a> <div class="class-box"> <?php query_posts('cat=1&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post(); ?> <a class="class-item js-rank"...
子比主题建站笔记
2025-08-10
08-10
子比主题 - 为评论区添加私密评论-汇聚访

实用子比主题 – 为评论区添加私密评论

大家好，今天汇聚访给大家带来一款子比主题的私密评论部署教程，这个主要是为了方便用户隐私，代码好像有点bug，但是不影响使用，今天就分享给大家，顺便做个记录，话不多说开始部署教程！ 演示效果： [hidecontent type="reply"] func.phpcomments文件js代码 首先我们要在目录：/wp-content/themes/zibll/func.php文件，没有这个文件自己创一个，记住创建之后要记得加php头，话不多说直接开始，将下面的代码放到：/wp-content/themes/zibll/func.php文件里面 function zyx_scripts(){ if (!is_admin()) { $script = array( 'smminjs' => '改为你的js链接', ); foreach( $script as $k => $v ){ wp_register_script( $k, $v, array(), '2.4.0', true); }; wp_enqueue_script('smminjs'); if (is_singular())...
子比主题建站笔记
2025-08-09
08-09
子比主题 - 便签提示小工具-汇聚访

实用子比主题 – 便签提示小工具

大家好，今天汇聚访给大家带来一款便签小工具，这个效果感觉还是比较清新的，放在哪里看你自己吧，我推荐放在文章的上面，这样比较好看一点，不喜欢这个颜色的话可以自己修改一下，话不多说直接开始部署教程吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码（当然你直接放在小工具里也是可以的）： /*汇聚访：www.huijuf.com*/ .single-gg,.single-gg-left{display:flex;align-items:center}.single-gg{height:50px}.single-gg-left{flex:1;padding:10px;background-color:#40b0ff;border-radius:8px 0 0 8px}.single-gg-img{height:30px;width:30px}.single-gg-img img{height:100%;width:100%}.single-gg-desc{margin-left:10px;color:#fff;font-size:16px;font-weight:600;letter-spacing:1px;}.single-gg-right{position:relative;display:flex;height:100%;width:100px;justify-content:center;align-items:center;background-color:#40b0ff;border-radius:0 4px 4px 0;border-left:1px dashed #fff}.single-gg-right::after,.single-gg-right::before{content:'';position:absolute;width:10px;height:5px;left:-5px;background-color:#fff}.single-gg-right::before{top:0;border-radius:0 0 5px 5px}.single-gg-right::after{bottom:0;border-radius:5px 5px 0 0}.single-gg-btn{display:block;padding:5px 5px;font-size:14px;background-color:#fff;color:#40b0ff !important;border-radius:4px} /*汇聚访：www.huijuf.com*/ 下面这段代码放在小工具-自定义html里即可： /*汇聚访：www.huijuf.com*/ <div class="single-gg"> <div class="single-gg-left"> <div class="single-gg-img"> <img...
子比主题建站笔记
2025-08-09
08-09
子比主题 - 外链Go页面样式代码-汇聚访

实用子比主题 – 外链Go页面样式代码

大家好，今天汇聚访给大家带来几款go跳转美化，目前市面上已经有许多go跳转美化了，前两天羊总还发了一个go跳转美化的插件，有兴趣可以去看看，在这里我也记录一下以防丢失，大部分都由网络收集而来，喜欢的自行部署吧！ 代码部署： [hidecontent type="reply"] 喜欢哪一款直接替换：/wp-content/themes/zibll/go.php这个文件的所有代码即可！ 第一款第二款第三款第四款第五款第六款第七款第八款第九款第十款第十一款第十二款 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2021-07-10 * @LastEditTime: 2021-07-10 * @Email : 770349780@qq.com * @Project : Zibll子比主题 * @Description : 一款极其优雅的Wordpress主题...
子比主题建站笔记
2025-08-05
08-05
子比主题 - 透明卡片美化样式-汇聚访

实用子比主题 – 透明卡片美化样式

大家好，今天汇聚访给大家带来一款透明卡片美化样式，这是我今天闲的没事刚研究的，感觉还可以，bug方面的问题我暂时没有发现，写这一篇文章也是为了记录吧，毕竟也研究了好久，修改的代码有些多，本人为美化效果的原创作者，同时在这里提醒各位站长：创新发展才是长久之计！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台设置-文章&列表-文章列表-卡片列表显示配置中设置图中样式： 接着在子比后台设置-自定义CSS样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .huijuf-meta { font-size: 12px; color: #797979; margin-bottom: 5px; } /*汇聚访：www.huijuf.com*/ .ete-wave-anim { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 48px; pointer-events: none; z-index:...
子比主题建站笔记
2025-08-05
08-05
子比主题 - 为每篇文章单独设置付费模块的显示位置-汇聚访

实用子比主题 – 为每篇文章单独设置付费模块的显示位置

大家好，今天汇聚访给大家带来一个为每篇文章单独设置付费模块的显示位置的功能，该功能原创为南柯无痕，子比主题只能统一设置付费模块的位置，通过这篇文章的修改你可以给每一个文章设置付费模块的显示位置，也是非常的方便，话不多说直接开始部署教程！ 演示效果： 代码部署： [hidecontent type="reply"] 1、打开 zibll/zibpay/functions/zibpay-post.php 文件第240行左右，可以搜索 $pay_box_position 定位。按图删除这几行代码，然后替换成下面的代码。 // 修改付费模块位置逻辑，支持单篇文章自定义设置 function zibpay_get_post_box_position($post_id = 0) { if (!$post_id) { global $post; $post_id = $post ? $post->ID : 0; } $pay_mate = get_post_meta($post_id, 'posts_zibpay', true);...
子比主题建站笔记
1…7891011…23跳转