子比美化 第8页
2025-08-19
08-19
子比主题 - 专题&聚合卡片文章数量悬浮-汇聚访

实用子比主题 – 专题&聚合卡片文章数量悬浮

大家好，今天汇聚访给大家带来一款专题&聚合卡片文章数量的悬浮效果，这是我昨天没意思的时候瞎研究出来的，背景颜色和字体颜色你都可以随意修改，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在子比后台-自定义css样式中添加以下代码（分享请保留本站版权）： /*汇聚访：www.huijuf.com*/ sapn.px12.muted-3-color { position: absolute; padding: 3px 8px; font-size: 10px; top: -10px; color: var(--this-color); left: 33px; border-radius: 99px; background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); --this-color: #fff; } /*汇聚访：www.huijuf.com*/ [/hidecontent]
子比主题建站笔记
2025-08-18
08-18
子比主题 - 右上角随机访问文章功能-汇聚访

实用子比主题 – 右上角随机访问文章功能

大家好，今天汇聚访给大家带来一款子比主题的右上角随机访问文章功能，利用的子比自带的颜色和跳转图标，给自己的右上角加一个随机文章还是比较美观的，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] func.phpzib-header.php角标颜色 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码直接丢里面即可！ function register_random_post_redirect_endpoint() { register_rest_route('wp/v2', '/random-post', array( 'methods' => 'GET', 'callback' => 'handle_random_post_redirect', 'permission_callback' => '__return_true' )); } add_action('rest_api_init', 'register_random_post_redirect_endpoint'); function handle_random_post_redirect($request) { // 获取所有已发布的文章 $args = array( 'post_type'...
子比主题建站笔记
2025-08-18
08-18
子比主题 - 后台关键词搜索管理代码-汇聚访

实用子比主题 – 后台关键词搜索管理代码

这是一款子比主题后台关键词搜索管理的代码，这个代码可以准确清楚的看到用户搜索的关键词，并且管理员可以修改搜索多少次和删掉搜索词，非常实用的一款搜索管理，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，记得加上php头，要不然会报错，当然你也可以放到functions.php这个文件里，将下面的代码放到里面！ function zib_register_keywords_page() { add_menu_page( '热门搜索关键词', '热门关键词管理', 'manage_options', 'zib_keywords', 'zib_keywords_page', 'dashicons-search', 2 ); } add_action('admin_menu', 'zib_register_keywords_page'); function zib_keywords_page() { $filter_types = isset($_GET['filter_types']) ? $_GET['filter_types'] : []; if (isset($_POST['submit_add_keyword'])) { $new_keyword...
子比主题建站笔记
2025-08-18
08-18
子比主题 - 全局侧边栏隐藏按钮-汇聚访

实用子比主题 – 全局侧边栏隐藏按钮

大家好，今天汇聚访给大家带来一款子比主题的全局侧边栏隐藏按钮，这个风格是二次元风格的，主要用途是可以快速便捷对的进行侧边栏的隐藏，手机版已自适应隐藏了，有需要的自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] CSS代码JS代码自定义底部HTML代码 首先在子比后台-自定义css样式中添加以下代码： .mcp-sidebar-toggle-btn { position: fixed; bottom: 30px; right: 30px; z-index: 10000; background-color: #ff7eb3; color: #fff; border: 2px solid #fff; border-radius: 50%; width: 60px; height: 60px; cursor: pointer; box-shadow: 0...
子比主题建站笔记
2025-08-18
08-18
子比主题 - 给文章页图片添加遮罩版权图片-汇聚访

实用子比主题 – 给文章页图片添加遮罩版权图片

大家好，今天汇聚访给大家带来一款子比主题的文章页里面的图片加上遮罩图片效果，这个效果说实话就是一个装饰，鼠标指向图片之后图片右下角有一个版权图片可自己放自己的logo图片链接，话不多说直接开始！ 演示效果： 代码部署： [hidecontent type="reply"] 在子比后台-自定义javascript代码中添加以下代码（图片链接自行替换）： //文章内页增加图片遮罩开始 document.addEventListener('DOMContentLoaded', function() { const images = document.querySelectorAll('.article-content > .theme-box > .wp-block-image > img'); images.forEach(img => { // 创建包裹容器 const wrapper = document.createElement('div'); wrapper.style.position = 'relative'; wrapper.style.display = 'inline-block';...
子比主题建站笔记
2025-08-16
08-16
子比主题 - 多功能自定义右键菜单-汇聚访

实用子比主题 – 多功能自定义右键菜单

大家好，今天汇聚访给大家带来一款多功能自定义右键菜单，这个效果也是十分好看，可添加其他需要跳转的页面或内容，唯一的缺点就是手机端适配不太好，手机端也会出现，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] HTML代码CSS代码JS代码 投放至 footer.php 或 header.php 文件 body 标签内。 <div id="macgfyj"> <div data-macgf-cd id="rightMenu"> <div data-macgf-cd class="rightMenu-group rightMenu-small"> <div data-macgf-cd class="rightMenu-item" id="menu-home"> <a data-macgf-cd class="rightMenu-item" href="https://www.huijuf.com"> <i data-macgf-cd class="fa fa-home" aria-hidden="true"...
子比主题建站笔记
2025-08-15
08-15
子比主题 - 卡片简约效果美化-汇聚访

实用子比主题 – 卡片简约效果美化

大家好，今天汇聚访给大家带来一款卡片简约的效果美化，这个效果去除了作者信息和一些列表小部件、列表标签等内容，增加了文章摘要，总体来说还算可以，同时也适配了黑夜效果和手机版，话不多说喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先添加样式，在子比后台-自定义css中添加以下代码： /*汇聚访：www.huijuf.com*/ @media (max-width: 768px){ .header-slider-container .zib-widget.widget_yjk_qiandaopaihang{ display:none; } .posts-item.card ,.posts-item.list.ajax-item.flex{ width: calc(100% - 20px); } } /*汇聚访：www.huijuf.com*/ .posts-item.list.ajax-item.flex { width: calc(50% - 10px); margin: 5px; display: inline-block; margin: 8px;...
子比主题建站笔记
2025-08-15
08-15
子比主题 - 合作企业展示模块-汇聚访

实用子比主题 – 合作企业展示模块

大家好，今天汇聚访给大家带来一款合作企业的展示模块，之前也发过一篇类似这样模块的文章，只不过那个是动态的，这个图标是静态的，黑夜模式我没有适配，手机端写的代码是隐藏的，话不多说，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 在小工具-自定义html代码中添加以下代码即可（位置随意）： /*汇聚访：www.huijuf.com*/ <div class="ceo-home-qiye ceo-background-default"> <div class="ceo-container"> <div class="ceo-home-title"> <h5>合作高薪就业企业</h5> <div class="ceo-home-title-lines"> <i></i> </div> <p>卓越，彼此共认同。教学品质俘获诸多名校偏爱，学员能力赢得众多企业青睐</p> </div> <div class="ceo-grid-ceosmls ceo-grid" ceo-grid=""> <div class="ceo-width-1-2 ceo-width-1-6@s ceo-first-column"> <div class="ceo-dongtai ceo-qiye-img"> <a href="" rel="nofollow"...
子比主题建站笔记
2025-08-15
08-15
子比主题 -  优雅设计底部会员浮窗效果-汇聚访

实用子比主题 –  优雅设计底部会员浮窗效果

大家好，今天汇聚访给大家带来一款优雅的底部会员浮窗效果，这个效果是底部每个页面都有，手机端进行了隐藏，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义头部HTML代码中添加以下代码： <style> /*汇聚访：www.huijuf.com*/ @media (max-width: 767px) { #ceo-footer-vip { display: none !important; } } /*汇聚访：www.huijuf.com*/ .ceo-footer-vip{ width:100%; position:fixed; left:0; bottom:0; z-index:999; box-sizing:border-box; } /*汇聚访：www.huijuf.com*/ .ceo-footer-vipmk{ width:1034px; position:relative; background:#fff; border-radius:6px; margin:0...
子比主题建站笔记
2025-08-12
08-12
子比主题 - 首页排行榜（第二版）-汇聚访

实用子比主题 – 首页排行榜（第二版）

大家好，今天汇聚访给大家带来首页排行榜的第二版，昨天发的第三版，我搜了一下才知道第二版忘发了，今天补上吧，这个版本适配了手机，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在/wp-content/themes/zibll/index.php中找到<?php get_sidebar(); ?>在下面添加代码，也可以放在 zibll/index.php 里面的底部之前get_footer();，一共分两个版本，手机显示和不显示两个版本。 手机不显示手机显示 以下代码放在上面说的php文件里： <!--排名榜开始--> <div class="wapnone"> <div id="syphb" class="container list clearfix"> <div class="ranking-item"> <a class="top-icon js-rank-bottom1">建站资源</a> <div class="class-box"> <?php query_posts('cat=4&showposts=5&orderby=views'); ?> <?php while (have_posts()) : the_post();...
子比主题建站笔记
1…678910…23跳转