子比主题

子比主题 - 应用卡片列表小工具-汇聚访

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

这是一款为子比主题扩展的应用卡片列表小工具，此小工具可以选择分类以及显示的数量等，当文章无图片时会以盒子的形式显示（如演示图所示），此小工具适合那些用子比做下载站的站点，用得到的朋友自行部署吧！ 演示效果： 代码部署： [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]
建站笔记
01177
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 – 全局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"...
建站笔记
131775
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 – 文章页顶部卡片&会员高速线路-汇聚访

实用子比主题 – 文章页顶部卡片&会员高速线路

这是一款为子比主题新增的文章页软件介绍顶部卡片以及会员高速线路功能，此功能主要适合于用子比主题做软件站的站长，该效果最初为腾飞所写，但是在php8+版本中遇到了警告错误，我这里修复了一下，而且美化了点地方，部署教程写的也比较详细，有用得到的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] func.phpzib-single.phpzibpay-post.php 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ function zibbox_add_custom_meta_boxes() { add_meta_box( 'zibbox_custom_fields_box', '汇聚访 - 文章属性设置', 'zibbox_render_custom_fields', 'post', 'normal', 'high' ); } add_action('add_meta_boxes', 'zibbox_add_custom_meta_boxes'); add_action('wp_ajax_zibbox_verify_post_id', 'zibbox_verify_post_id_callback'); function zibbox_verify_post_id_callback() { check_ajax_referer('zibbox_verify_nonce', 'nonce'); if (!isset($_POST['post_id']) || !is_numeric($_POST['post_id'])) {...
建站笔记
014512
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 – 文章列表标题扫光样式-汇聚访

实用子比主题 – 文章列表标题扫光样式

这是一款给子比主题文章标题新增的角标样式美化，这款是不带图片的角标样式，之前初一以及房东的猫写过那种既带文字角标以及图片的，但是图片的素材我感觉不是特别美观，而且之前那个也有很多问题，这个美化也是比较早的了，我也一直忙忘记发了，今天分享给大家，有需要的自行部署吧。 演示效果： 代码部署： [hidecontent type="payshow"] func.phpmetabox-options.php自定义CSS代码 定位：/wp-content/themes/zibll/func.php，没有这个文件自己创建一个，然后记得加php头，要不然会报错，将下面的代码放里面！ add_action('after_setup_theme', 'init_badge_features'); function init_badge_features() { add_filter('the_title', 'zibll_Add_ons_MJ_mi_jiaobiao_display_position', 999, 2); } function zibll_Add_ons_MJ_mi_jiaobiao_display_position($title, $post_id) { if (is_admin() || !$post_id || is_feed()) { return $title; } $mh_text = get_post_meta($post_id, 'mh_text',...
建站笔记
09214
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 – 签到Windows系统通知-汇聚访

实用子比主题 – 签到Windows系统通知

这是一款为子比主题新增的签到Windows系统通知提示功能，此功能在用户签到的时候会自动弹出系统通知提示，提醒用户签到是否签到成功以及获得的相关奖励，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 定位：后台子比主题设置–>>自定义代码–>>自定义底部HTML代码中添加以下代码： <script> $(document).ajaxSuccess(function (event, xhr, settings) { try { if (settings.type === 'POST') { let data; if (typeof settings.data === 'string') { try { data = JSON.parse(settings.data); } catch (e)...
建站笔记
016415
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 - 蜜语星球页面-汇聚访

实用子比主题 – 蜜语星球页面

这是一款给子比主题适配的密语星球页面，此代码最早的时候为初一所创，后续由腾飞进行功能...
建站笔记
011412
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 - cookie同意弹窗提示-汇聚访

实用子比主题 – cookie同意弹窗提示

这是一款为子比主题添加的cookie同意弹窗提示，此同意弹窗提示目前只适配了PC端，手机端暂时还没有适配，有能力的朋友可以自行适配一下，其实这个对大部分网站意义也不大，需要的朋友自己看着部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 自定义底部HTML代码自定义CSS代码自定义javascript代码 定位：子比主题后台 - 自定义代码 - 自定义底部HTML代码中添加以下代码： <div class="wrapper"> <header> <svg viewBox="0 0 1024 1024" aria-hidden="true"> <path d="M160 256A96 96 0 0 1 256 160h512A96 96 0 0 1 864 256v336.384a38.4...
建站笔记
49315
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 - 叠加封面卡片组件右下角添加自定义图片-汇聚访

实用子比主题 – 叠加封面卡片组件右下角添加自定义图片

这是给子比主题的多功能组件叠加卡片组件的右下角添加一个自定义图片功能，同时部署教程中有相关参数注释，你可自行调节图片、位置、大小等等信息，话不多说，喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .icon-cover-card { background-image: url('https://img.alicdn.com/imgextra/i3/2215711783898/O1CN01iqZP1P1efKzKO3KeQ_!!2215711783898.png') !important; background-size: 15% auto !important; /* 可以调整这个值改变图片大小 */ background-position: right bottom !important; /* 定位到右下角 */ background-repeat: no-repeat !important; /* 防止重复 */ } [/hidecontent]
建站笔记
510813
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 - 文章右上角新发布NEW美化-汇聚访

实用子比主题 – 文章右上角新发布NEW美化

这是一款为子比主题新增的文章列表样式内部New美化，部署完此代码后，在每次发完新文章的24h之内就会自动在文章列表样式的内部添加一个New标签，过完24h之后自动消失，有喜欢的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="payshow"] 自定义CSS代码自定义javascript代码文章列表 定位：子比主题设置–>>自定义代码–>>自定义 CSS 样式添加以下代码即可： .posts-item { position: relative!important } .huijuf-new-icon { position: absolute; top: 5px; right: 5px; z-index: 10 } .new-badge { position: relative; display: inline-flex; align-items: center; justify-content: center;...
建站笔记
013713
汇聚访的头像-汇聚访核心会员汇聚访2个月前
子比主题 – 右侧简约客服弹窗样式-汇聚访

实用子比主题 – 右侧简约客服弹窗样式

这是一款给子比主题自定义添加的网站全局侧边栏弹窗样式，这款样式效果的效果还是很不错的，在滑动页面的时候会自动隐藏，整体相对是比较简约的，有需要的朋友自行部署吧！ 演示效果： 代码部署： [hidecontent type="reply"] 自定义头部HTML代码自定义CSS代码自定义JS代码 定位：子比主题–>>自定义代码–>>自定义头部HTML，将下面的放入进去即可！ <div class="zib-kefu-container"> <div class="zib-kefu-btn" id="zibKefuBtn"> <i class="fa fa-comments-o"></i> <span>联系我们</span> </div> <div class="zib-backtop-btn" id="zibBacktopBtn"> <i class="fa fa-arrow-up"></i> </div> <!-- 客服面板 --> <div class="zib-kefu-panel" id="zibKefuPanel"> <div class="zib-kefu-close" id="zibKefuClose"> <i class="fa...
建站笔记
512411
汇聚访的头像-汇聚访核心会员汇聚访2个月前
12345…36跳转