建站笔记

子比主题 - 今日推荐文章小工具-汇聚访

子比主题 – 今日推荐文章小工具

这是给子比主题扩展的一款今日推荐文章小工具，此小工具是借鉴于小樱博客以及Emlog程序中的一款主题改写而来，小工具写了几款入场动画以及一些常用的配置项目，同时手机端及黑夜模式也适配了，有喜欢的自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll中把文章附件解压，然后在func.php文件里添加以下代码（没有这个文件自己创建一个，然后记得加php头，要不然会报错）： $widgets_files = array( 'zibbox_today_recommend.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 附件下载 子比主题今日推荐文章小工具附件下载提取码U316 [/hidecontent]
建站笔记
013115
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 – 新版自定义文章前缀-汇聚访

子比主题 – 新版自定义文章前缀

这是一款子比主题的自定义文章前缀功能，此版本支持文字以及图案两种方案，与此同时博主这里还分享了代码版和插件版两种不同的部署方案，有需要的话自行查看部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 代码版插件版 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ if (!defined('ABSPATH')) { exit; } function dearlicy_prefix_images() { return array( 'shice' => 'https://free.boltp.com/2026/05/02/69f5fe72696d4.webp', 'dujia' => 'https://free.boltp.com/2026/05/02/69f5fe7207395.webp', 'shoufa' => 'https://free.boltp.com/2026/05/02/69f5fe71e6136.webp', 'temai' => 'https://free.boltp.com/2026/05/02/69f5fd9865b63.webp', 'miaosha' => 'https://free.boltp.com/2026/05/02/69f5fd994a40e.webp', 'baiyibutie' => 'https://free.boltp.com/2026/05/02/69f5fd9a0af79.webp',...
建站笔记
1414411
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 – 封面左下标签美化-汇聚访

子比主题 – 封面左下标签美化

这是给子比主题的卡片模式的左下角扩展的标签美化，这款我本来网站是在用的，后面看多了感觉容易视觉疲劳，所以就没有上了，此版本和我网站的不太一样，我网站的是自动获取文章分类进行显示，此版本你可自定义文字显示，各有各的好处吧，有喜欢的可以部署起来试一下。 演示效果： 代码部署： [hidecontent type="payshow"] metabox-options.phpfunc.phpzib-posts-list.php 定位：/wp-content/themes/zibll/inc/options/metabox-options.php文件，然后搜索下方关键词： 文章、页面、帖子的独立seo 然后将下方的代码放在关键词的上方： // 封面左下标签 function zib_add_meta_box_title_badge() { add_meta_box( 'huijuf_title_badge', '封面左下标签', 'zib_render_title_badge_meta', array('post', 'page', 'plate', 'forum_post'), 'advanced', 'high' ); } add_action('add_meta_boxes', 'zib_add_meta_box_title_badge'); function zib_render_title_badge_meta($post) { $old_cover_extra_text = get_post_meta($post->ID, 'huijuf_cover_extra_text',...
建站笔记
01616
汇聚访的头像-汇聚访核心会员汇聚访3个月前
子比主题 - 顶部导航栏站点信息统计弹窗-汇聚访

子比主题 – 顶部导航栏站点信息统计弹窗

这是一款给子比主题导航栏顶部增添的站点信息统计拟态框，这个弹窗可显示网站用户的信息及其数量，如：普通用户，还有不同等级的会员用户，除此之外还会显示网站内的所有信息分类以及网站最近几天的发帖时间及发帖数量，十分实用，有需要的朋友自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] func.php附件下载 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！代码里面的信息可改成你自己的。 function zibbox_nav_statcharts($original_content, $user_id) { $new_button = '<a href="javascript:;" data-remote="/wp-admin/admin-ajax.php?action=wendangguilei" data-class="modal-mini full-sm modal-dialog" data-toggle="RefreshModal"><span class="toggle-radius msg-icon" style="left: 8px;"><i class="fa fa-pie-chart"></i></span></a>'; $modified_content = $original_content . $new_button; return $modified_content; } add_filter('zib_nav_radius_button',...
建站笔记
01285
汇聚访的头像-汇聚访核心会员汇聚访3个月前
子比主题 – 评论区背景美化样式（三款）-汇聚访

子比主题 – 评论区背景美化样式（三款）

这是给子比主题评论区添加的背景美化样式，此美化一共有三款分别为：蓝色、红色、混色（蓝和红）效果，夜间也适配了，我觉得适合那些二次元的站点，这个效果还是有点花哨的，用得到的自行看着部署吧。 演示效果： 蓝色 红色 混色 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： 蓝色红色混色文章附件 body{ --acg-color:#f8fdff; } .dark-theme{ --acg-color:#323335; } .comment .list-inline>.comt-main { border-color: #71baff80; background-color: var(--acg-color); background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01LFyvtv1QbIhfnZWvp_!!2210123621994.png); } .comment .list-inline>li { vertical-align: top; border-radius: 5px;...
建站笔记
1889
汇聚访的头像-汇聚访核心会员汇聚访3个月前
子比主题 – 颜色取色器页面-汇聚访

子比主题 – 颜色取色器页面

这是一款为子比主题单独扩展的颜色取色器页面，这款采用了官方开源的视图模型项目来展示，...
建站笔记
0975
汇聚访的头像-汇聚访核心会员汇聚访3个月前
子比主题 – 创意横幅图片广告位小工具-汇聚访

子比主题 – 创意横幅图片广告位小工具

这是为子比主题新增的创意横幅图片广告位小工具，此效果主要是当鼠标悬浮在图片上显示右上角的文字，图片你可以自行换成别的，代码我也进行了压缩，有需要或者喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：WP后台–>>外观–>>小工具–>>自定义HTML，然后把下方代码放进去就行了： <style>.n_banner_inner{position:relative;}.n_banner_inner .img-info{position:absolute;right:12px;top:9px;padding:0;text-align:right;color:#fff;}.n_banner_inner .img-info i{position:relative;display:inline-block;color:#007bff;font-size:20px;line-height:19px;text-align:center;z-index:9;font-style:inherit;}.n_banner_inner .img-info .info{position:absolute;bottom:5px;right:0;width:0;padding:5px 0;overflow:hidden;background:#007bff;border-radius:10px;line-height:10px;text-align:center;font-size:10px;color:#fff;white-space:nowrap;-webkit-transition:all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;-moz-transition:all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;-ms-transition:all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;-o-transition:all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;transition:all 0.2s cubic-bezier(0,0.34,0.71,1.26) !important;}.n_banner_inner .img-info .info a{color:#fff;}.n_banner_inner .tirr{max-width:100%;height:auto;transition:0.5s;border-radius:5px;}.n_banner_inner:hover .info{width:auto;padding:5px 23px 5px...
建站笔记
41756
汇聚访的头像-汇聚访核心会员汇聚访3个月前
子比主题 – 悬浮按钮添加繁简体切换-汇聚访

子比主题 – 悬浮按钮添加繁简体切换

这是给子比主题添加的悬浮按钮繁简体切换功能，现在很多网站都是往多语言方面发展的，这个功能方便了一些做国际站的站长，可作用于手机端和电脑端，切换起来也十分方便，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] admin-options.phpzib-footer.php自定义底部HTML代码 定位：/wp-content/themes/zibll/inc/options/admin-options.php然后我们搜： 当前页面二维码 然后我们把代码放到这个的上面，如下图和代码！ array( 'title' => '繁简切换', 'desc' => '<div class="c-yellow"><i class="fa fa-fw fa-info-circle fa-fw"></i>此按钮建议放置在最顶部或者最底部 - 汇聚访</div>', 'id' => 'traditional_chinese', 'type' => 'accordion', 'accordions' => array( array( 'title' =>...
建站笔记
310411
汇聚访的头像-汇聚访核心会员汇聚访3个月前
子比主题 - 应用卡片列表小工具-汇聚访

子比主题 – 应用卡片列表小工具

这是一款为子比主题扩展的应用卡片列表小工具，此小工具可以选择分类以及显示的数量等，当文章无图片时会以盒子的形式显示（如演示图所示），此小工具适合那些用子比做下载站的站点，用得到的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：/wp-content/themes/zibll中把文章附件解压，然后在func.php文件里添加以下代码（没有这个文件自己创建一个，然后记得加php头，要不然会报错）： $widgets_files = array( 'zibbox_card_lists.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/zibbox/widgets/' . $file; } 子比应用卡片列表小工具下载提取码FKuh [/hidecontent]
建站笔记
01327
汇聚访的头像-汇聚访核心会员汇聚访3个月前
子比主题 – 全局loading动画（两款）-汇聚访

子比主题 – 全局loading动画（两款）

众所周知。子比主题有很多的全局Loading加载动画，但是用得久了未免会枯燥，今天给大家带来两款新的Loading加载动画，部署教程虽然麻烦但是写的十分详细，后续有什么新的我就会在这篇文章里更新，话不多说，有喜欢的朋友自行部署吧！ 演示效果： 第一款 第二款 代码部署： [hidecontent type="reply"] 初音未来粉色泡泡 定位：/wp-content/themes/zibll/inc/functions/zib-head.php 搜索函数qj_dh_nr，随后替换源代码，把下方代码： if (_pz('qj_dh_xs') == 'no2') { $dh_nr = '<div class="qjdh_no2"></div>'; 替换为： if (_pz('qj_dh_xs') == 'no0') { $dh_nr = '<div id="zib-bundle-site-loader" aria-hidden="true"> <div class="site-loader-inner"> <div class="site-loader-graphic" data-loader-width="1114"...
建站笔记
151915
汇聚访的头像-汇聚访核心会员汇聚访3个月前
1234…37跳转