建站笔记

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

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

这是给子比主题评论区添加的背景美化样式，此美化一共有三款分别为：蓝色、红色、混色（蓝和红）效果，夜间也适配了，我觉得适合那些二次元的站点，这个效果还是有点花哨的，用得到的自行看着部署吧。 演示效果： 蓝色 红色 混色 代码部署： [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;...
建站笔记
0559
汇聚访的头像-汇聚访核心会员汇聚访37天前
子比主题 – 颜色取色器页面-汇聚访

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

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

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

这是为子比主题新增的创意横幅图片广告位小工具，此效果主要是当鼠标悬浮在图片上显示右上角的文字，图片你可以自行换成别的，代码我也进行了压缩，有需要或者喜欢的朋友自行部署吧！ 演示效果： 代码部署： [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...
建站笔记
21546
汇聚访的头像-汇聚访核心会员汇聚访40天前
子比主题 – 悬浮按钮添加繁简体切换-汇聚访

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

这是给子比主题添加的悬浮按钮繁简体切换功能，现在很多网站都是往多语言方面发展的，这个功能方便了一些做国际站的站长，可作用于手机端和电脑端，切换起来也十分方便，有需要的朋友自行部署吧！ 演示效果： 代码部署： [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' =>...
建站笔记
18811
汇聚访的头像-汇聚访核心会员汇聚访40天前
子比主题 - 应用卡片列表小工具-汇聚访

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

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

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

这是一款为子比主题新增的文章页软件介绍顶部卡片以及会员高速线路功能，此功能主要适合于用子比主题做软件站的站长，该效果最初为腾飞所写，但是在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'])) {...
建站笔记
013612
汇聚访的头像-汇聚访核心会员汇聚访52天前
子比主题 – 文章列表标题扫光样式-汇聚访

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

这是一款给子比主题文章标题新增的角标样式美化，这款是不带图片的角标样式，之前初一以及房东的猫写过那种既带文字角标以及图片的，但是图片的素材我感觉不是特别美观，而且之前那个也有很多问题，这个美化也是比较早的了，我也一直忙忘记发了，今天分享给大家，有需要的自行部署吧。 演示效果： 代码部署： [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',...
建站笔记
08514
汇聚访的头像-汇聚访核心会员汇聚访52天前
子比主题 – 签到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)...
建站笔记
015615
汇聚访的头像-汇聚访核心会员汇聚访54天前
子比主题 - 蜜语星球页面-汇聚访

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

这是一款给子比主题适配的密语星球页面，此代码最早的时候为初一所创，后续由腾飞进行功能...
建站笔记
010012
汇聚访的头像-汇聚访核心会员汇聚访54天前
1234…36跳转