子比美化 第6页
2025-11-14
11-14
子比主题 – 瀑布流图片壁纸页面-汇聚访

实用子比主题 – 瀑布流图片壁纸页面

这是一款子比主题的图片壁纸页面，原作者是梦楠，这个页面的图片是可以自动获取标题关键字，同时页面的背景是类似白色方格样式的，部署后需要修改对应的分类。汇聚访这里简单地测试一下，没有什么大问题，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/pages/新建一个php文件，随后复制粘贴下方的代码 修改你自己的图片分类ID$cat_id，搞定前面的步骤之后在后台新建页面 - 模版选择 - 图片瀑布流发布即可！ <?php /** * Template name: 图片瀑布流 * Description: 分类ID69的图片瀑布流页面（点击放大图片+hover显示标题下载+下载按钮跳文章链接+hover显示尺寸标注） */ get_header(); $cat_id = 69; // 固定分类ID：69 // 辅助函数：获取文章中的第一张图片（优先特色图，无则取内容图） function get_post_first_image($post_id) { $featured_img_url = wp_get_attachment_image_src(get_post_thumbnail_id($post_id),...
42天前
建站笔记
2025-11-12
11-12
子比主题 - 首页Tab栏目美化-汇聚访

实用子比主题 – 首页Tab栏目美化

这是子比主题的一款首页Tab栏目美化，之前发过类似的只不过是附加图片效果样式的，今天给大家带来这个是仅用代码实现的，汇聚访这里测试了一下夜间模式也是挺不错的，同时在这提醒下各位搬运的，麻烦带上本站文章出处，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*汇聚访：www.huijuf.com*/ .index-tab { padding: 5px 8px; background: transparent; border-radius: 0; } .index-tab ul { margin: 0; padding: 0; list-style: none; } /*汇聚访：www.huijuf.com*/ .index-tab ul>li { display: inline-block; padding: 3px...
45天前
建站笔记
2025-11-10
11-10
子比主题 – 横向数据统计卡片小工具-汇聚访

实用子比主题 – 横向数据统计卡片小工具

这是一款子比主题的横向数据统计卡片，可以显示站点内的一些统计信息，电脑版的样式是比较好看的，因手机尺寸较小，所以手机版的可能显得有点突兀，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 这个小工具跟我以前发的教程一模一样，首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加上下面的代码： $widgets_files = array( 'huijuf_tran_stats.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/huijuf/widgets/' . $file; } 文章附件上传到：/wp-content/themes/zibll解压即可！ [/hidecontent]
47天前
建站笔记
2025-11-08
11-08
子比主题 – 文章列表渐变过渡美化（两款）-汇聚访

实用子比主题 – 文章列表渐变过渡美化（两款）

这是给子比主题添加的两款文章列表渐变过渡美化，刚开始是今一单独只做了列表模式，我又重新适配了一下卡片模式，两种模式的代码不同我这里也分开放了，同时也适配了黑夜模式，话不多说喜欢的自行部署吧！ 演示效果： 卡片模式 列表模式 代码部署： [hidecontent type="reply"] 列表模式卡片模式 定位：子比主题–>>自定义CSS样式即可！颜色可在CSS里自行调整，该款为列表模式，别搞错了！ .posts-item.list.ajax-item.flex { position: relative; overflow: hidden; padding-right: 15px; border-color: #ffdd44; transition: border-color 0.5s ease, box-shadow 0.5s ease; } .posts-item.list.ajax-item.flex::after { content: ""; opacity: 0.2; position: absolute;...
49天前
建站笔记
2025-11-08
11-08
子比主题 – 右下角雪花按钮美化样式-汇聚访

实用子比主题 – 右下角雪花按钮美化样式

这是一款子比主题的右下角在线下雪样式，用户可以点击按钮如小雪、中雪、大雪进行调整下雪的程度，该效果是今一写的，样式也是挺不错的尤其是在黑夜模式中，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，如果想所有页面显示放到：所有页面-页脚区内部，那如果首页显示的话你就放到：首页-主内容下面，直接将下面的代码丢里面即可！ <style> .snow-control{position:fixed;bottom:25px;right:25px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.snow-main-btn{width:48px;height:48px;border-radius:50%;background:#f0f7ff;border:1px solid #e8f4ff;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#4a90e2;box-shadow:0 3px 10px rgba(74,144,226,0.12);transition:all 0.2s ease;position:relative}.snow-main-btn:hover{background:#e8f4ff;transform:scale(1.05);box-shadow:0 4px 12px rgba(74,144,226,0.15);color:#357abd}.snow-main-btn:active{transform:scale(0.98);box-shadow:0 2px 8px rgba(74,144,226,0.1)}.snow-panel{background:#ffffff;border-radius:12px;padding:10px 8px;box-shadow:0 4px 15px rgba(74,144,226,0.08);display:none;flex-direction:column;gap:8px;min-width:100px;position:relative}.snow-panel::after{content:'';position:absolute;bottom:-6px;right:20px;width:12px;height:12px;background:#ffffff;transform:rotate(45deg);box-shadow:3px 3px 5px rgba(74,144,226,0.05)}.snow-panel.active{display:flex;animation:fadeIn 0.25s ease-out}.snow-btn{padding:8px 0;border-radius:8px;border:none;outline:none;cursor:pointer;background:#f5f9ff;color:#4a90e2;font-size:14px;font-weight:500;transition:all 0.2s ease;text-align:center}.snow-btn.active{background:#4a90e2;color:#ffffff;box-shadow:0 2px 6px...
49天前
建站笔记
2025-11-01
11-01
子比主题 - 顶部导航菜单呈透明样式-汇聚访

实用子比主题 – 顶部导航菜单呈透明样式

这是一款子比主题的顶部导航菜单呈透明样式，如果不加这个样式的话页面滑动的时候才会呈现透明的状态，而加上这个效果之后始终都是透明的，代码也比较简单，话不多说了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比后台设置 - 自定义CSS样式中添加以下代码即可： /*汇聚访：www.huijuf.com*/ .header { --header-bg: transparent; --header-color: #000000; } /*汇聚访：www.huijuf.com*/ [/hidecontent]
56天前
建站笔记
2025-10-30
10-30
子比主题 – 实时聚合热搜榜页面（一键部署）-汇聚访

实用子比主题 – 实时聚合热搜榜页面（一键部署）

这是一款子比主题的实时聚合页面，在此页面你可以获取每个平台的实时聚合热搜榜单。一键掌...
1个月前
建站笔记
2025-10-29
10-29
子比主题 – 弹出模拟框增加提醒-汇聚访

实用子比主题 – 弹出模拟框增加提醒

这是给子比主题添加的一款弹出模拟框增加提醒的功能，但是不是所有页面都可以点击任意地方关闭，具体应用情况自己测试，反正会员弹出页面是可以用的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 将以下代码放到：子比主题–>>自定义代码–>>自定义JavaScript代码 $(document).ajaxComplete(function(event, xhr, settings) { // 当所有的 AJAX 请求完成时执行以下代码 $('.modal-dialog').each(function() { // 遍历每个加载的模拟框 $(this).prepend('<span style="position: absolute;bottom: -35px;z-index: 99;left: 0;right: 0;text-align: center;color: #efefef;user-select: none;pointer-events: none;">点击任意地方关闭</span>'); }); }); [/hidecontent]
1个月前
建站笔记
2025-10-28
10-28
子比主题 – logo透明过渡美化样式-汇聚访

实用子比主题 – logo透明过渡美化样式

这是给子比主题得的logo添加的一款透明过渡的美化样式，这个效果是腾飞参考别的网站的样式来适配子比主题的，之前我也发过几款logo样式的美化，话不多说有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题–>>自定义CSS样式，把下方代码放入即可： /*汇聚访：www.huijuf.com*/ .navbar-brand { position: relative; } .navbar-logo img { position: relative; display: inline-block; animation: logoShine 2s infinite ease-in-out; } @keyframes logoShine { 0% { transform: translateX(0); opacity: 1; }...
1个月前
建站笔记
2025-10-28
10-28
子比主题 – 给网站添加动态蜡笔小新-汇聚访

实用子比主题 – 给网站添加动态蜡笔小新

这是给子比主题添加的一款网站动态蜡笔小新样式，原代码是腾飞分享出来的，这个效果会在下拉网站或者上拉网站的时候出现蜡笔小新，提示词也是可自行修改的，可以随意拖拽他，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] JSCSSHTML 直接将下面的代码放到：子比主题–>>自定义头部HTML代码或自定义底部HTML代码，或者放在header文件里面，里面的文件代码自己本地！spig.js文件我放在文章附件了，自行引入！ <!--蜡笔小新--> <script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script src="/spig.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> var right_click = '你想干啥呀？'; var onoff_move = '1'; var touch_array = ["不要摸我", "再摸我，我就杀掉你！", "干嘛老摸我啊？", "非礼呀！！！！！", "我可以告你性侵犯吗？", "色狼啊啊！"]; var...
1个月前
建站笔记
1…45678…28跳转