子比美化 第8页
2025-08-21
08-21
子比主题 - 仿bilibili页面顶部焦点轮播图-汇聚访

实用子比主题 – 仿bilibili页面顶部焦点轮播图

大家好，今天汇聚访给大家分享一下使用swiper框架仿bilibili页面顶部焦点轮播图的这么一个功能，一般来说都是通用的，原作者是墨星，我对着仿了一个然后测试下来也没有bug，同时增加了点样式，然后手机端小图片进行了隐藏，因为加上的话手机端效果不咋好看，我也懒得写成小工具了，喜欢的直接按代码自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] 首先可以在子比根目录里的index.php这个文件中添加代码，当然也可以是别的位置，我这里就以这个位置为例了，打开文件后在<main role="main" class="container">这行代码的上面添加代码即可，css样式和js样式这里我直接打包放在文章附件里了，引用链接自行更改吧，然后图片可更换自己喜欢的图片。 <link rel="stylesheet" href="/wp-content/themes/zibll/huijuf-banner.css"> <div class="focus-container slide-header"> <div class="main-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="https://baidu.com" target="_blank" class="swiper-link"> <img src="图片地址" alt="轮播图1"> </a> </div> <div class="swiper-slide"> <img src="图片地址" alt="轮播图2">...
子比主题建站笔记
2025-08-21
08-21
子比主题 - 仿图酷顶部导航栏样式-汇聚访

实用子比主题 – 仿图酷顶部导航栏样式

大家好，今天汇聚访给大家带来一款子比的顶部导航栏，这个效果开始我是在图酷的站点看到的，于是就仿了一个，效果还是很不错的，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 首先在子比后台-自定义css样式中添加以下代码： /*汇聚访：www.huijuf.com*/ .login-panel{ float: right!important; margin-top: 8px; } /*汇聚访：www.huijuf.com*/ .login-panel #login { position:relative; } /*汇聚访：www.huijuf.com*/ .header-login-search .fl .modal-open { display:block; color:#fff; font-size:14px; line-height:30px; height:30px; -webkit-border-radius:30px; border-radius:5px; width:auto; padding:0 1.6em; background:...
子比主题建站笔记
2025-08-20
08-20
子比主题 – 仿张洪Heo页脚样式美化-汇聚访

实用子比主题 – 仿张洪Heo页脚样式美化

大家好，今天汇聚访给大家带来一篇仿张洪Heo页脚样式的美化，这个页脚适配了白天、黑夜模式，同时也适配了手机端，看着还是不错的，但是每个人审美不同，如有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先要打开目录：/wp-content/themes/zibll/footer.php，然后我们接下来就要放入代码了，我们要先将下面的代码删掉： <footer class="footer"> <?php if (function_exists('dynamic_sidebar')) { dynamic_sidebar('all_footer'); }?> <div class="container-fluid container-footer"> <?php do_action('zib_footer_conter');?> </div> </footer> 删掉后我们将开始放入这篇的页脚美化，我们放到下面代码的上面： <?php wp_footer(); ?> 接着我们把下方1代码放在上面代码的上面即可（里面的跳转链接及其文字自行修改即可）： <style> @font-face{font-family:"11";/* Project id 4837858 */ src:url('//at.alicdn.com/t/c/font_4837858_4eqpwuln6r8.eot?t=1740467376348');/* IE9 */...
子比主题建站笔记
2025-08-20
08-20
子比主题 - 文章版权单独设置开关-汇聚访

实用子比主题 – 文章版权单独设置开关

大家好，今天汇聚访给大家带来文章版权的设置开关的功能，这个功能就是非常实用的了，就是如果你发布文章的时候是否开启这个文章的文章版权那么开了这个就有了这个文章版权，喜欢的自行部署！ 演示效果： 代码部署： [hidecontent type="reply"] 将下面的代码放到：/wp-content/themes/zibll/func.php文件，没有这个文件自己创一个，记得加上php头，要不然会报错，将代码放里面即可！当然你嫌麻烦也可以放在functions.php这个文件里面。 // 文章版权 function add_DearLicy_copyright_meta_box() { add_meta_box( 'DearLicy_copyright', '版权开关', 'DearLicy_copyright_html', 'post', 'normal', 'high' ); } add_action('admin_menu', 'add_DearLicy_copyright_meta_box'); // 输出复选框的 HTML function DearLicy_copyright_html($post) { $checked = get_post_meta($post->ID, '_DearLicy_copyright_checked', true) ? 'checked="checked"'...
子比主题建站笔记
2025-08-20
08-20
子比主题 - 首页广告图片文字代码-汇聚访

实用子比主题 – 首页广告图片文字代码

大家好，今天汇聚访给大家带来一款广告图片文字代码，这个代码适配所有网站，默认双端显示，可自行更改仅PC端显示或者仅移动端显示，非常适合站长使用，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 直接将代码放到：后台-外观-小工具-自定义HTML即可： <style> @media screen and (max-width: 1000px) { .pc-wobbt { display: none; } } /* pc-wobbt 仅PC端显示 根据需求改放图片盒子代码 <div class="wobbt-img pc-wobbt"> */ @media screen and (min-width: 1000px) { .m-wobbt{display:none; }}...
子比主题建站笔记
2025-08-19
08-19
子比主题 – 页脚流光文字漂浮美化-汇聚访

实用子比主题 – 页脚流光文字漂浮美化

大家好，今天汇聚访给大家带来一款子比底部彩虹流光动态文字漂浮页面美化，这套底部样式有着高级渐变色底，并且还是适配的电脑端和手机端的，相比于原版，我给每个按钮添加了跳转链接，喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 首先定位到/wp-content/themes/zibll/footer.php这个路径，找到下面的代码，下面的代码是官方自带的底部，我们要给他删掉，避免后面出现两个底部！ <footer class=”footer”> <?php if (function_exists(‘dynamic_sidebar’)) { dynamic_sidebar(‘all_footer’); }?> <div class=”container-fluid container-footer”> <?php do_action(‘zib_footer_conter’);?> </div> </footer> 把上方代码全部替换为下方即可： /*汇聚访：www.huijuf.com*/ <footer class="api-footer"> <div class="text-background"></div> <div class="footer-content"> <div class="site-info"> <h2>汇聚访www.huijuf.com</h2> <p>本站致力于分享优质实用的互联网资源</p> </div> <div...
子比主题建站笔记
2025-08-19
08-19
子比主题 - 文章版权声明样式美化（共十一款）-汇聚访

实用子比主题 – 文章版权声明样式美化（共十一款）25/8/19更新

大家好，本次汇聚访给大家带来一篇子比主题文章版权的样式美化，对于站长都需要这个东西来放到文章下面声明一下版权或是别的东西，今天分享给大家，同时也记录一下，防止效果丢失，喜欢的自行部署吧！ 代码部署： [hidecontent type="reply"] 将下面的代码放到：子比主题–>>文章&列表–>>文章页面–>>版权声明即可！ 样式一样式二样式三样式四样式五样式六样式七样式八样式九样式十样式十一 <!--汇聚访www.huijuf.com版权样式一--> <div class="posts-copyright"><div class="entry-copyright px12"> <span class="badg badg-sm mr3 c-yellow">1</span> 如果您喜欢本站，<a href="/" style="color:#a102ff"> <i class="wpcom-icon menu-item-icon"> <svg aria-hidden="true"><use xlink:href="#icon-security-color"></use></svg> </i>点击这儿 </a>赞助下本站，感谢支持！<br> <span class="badg badg-sm mr3 c-red">2</span> 可能会帮助到你： <a href="/"...
子比主题建站笔记
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...
子比主题建站笔记
1…678910…24跳转