子比美化 第2页
子比主题美化相关教程
分类
排序
2026-01-28
子比文章归档页面模板【二次开发版】-识趣者资源

子比文章归档页面模板【二次开发版】

7b2那边有大佬开发了一个带图表的文章归档页面，那别人有的我们也必须要有，该页面仅子比主题可用，文章卡片使用的是子比主题自带的卡片函数生成 页面所使用的技术栈如下： Apache ECharts(精美的图表组件)WordPress自带的Transient瞬态API缓存子比主题内置函数该页面使用 Transient瞬态API缓存一天 在子比主题目录下的 pages 文件夹创建一个PHP文件，名字随便起，由于我是子主题所以我直接命名为了 archives.php [hidecontent type="reply"] <?php /** * Template name: Zbfox-文章归档 * Description: A archives page for displaying article statistics and monthly updates. */ // 获取分类统计信息并缓存 function get_category_statistics() {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-01-31
子比主题 – 客服工单系统插件-识趣者资源

子比主题 – 客服工单系统插件

在此文章之前作者是别人写的，博客买来的，有一些资源网拿该插件去出售，博客今天免费给大...
识趣资源的头像-识趣者资源至尊会员识趣资源· 3天前
#子比美化
 2025-12-13
子比主题 – 右侧二次元不到翁样式-识趣者资源

子比主题 – 右侧二次元不到翁样式

发现一个好玩的，就是给自己的子比右侧加上不到翁的样式，目前只测试了子比主题，其他的站应该都可以部署的，鼠标可以拖拽不到翁，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：WP后台–>>子比主题–>>网站统计HTML代码，直接丢里面就可以了，但是要注意的是，里面的JS是引入我的，因为按钮里面有跳转链接在JS里面，所以你可以本地下载一下或者下载我的附件自己引入，在JS代码里面搜：tfbkw.com，替换你的就行了 <div id="left_layer" class="sakana-tfbk" style="position:fixed; bottom:250px; right:-38px;"> <div id="sakana-widget"></div> <script> function initSakanaWidget() { new SakanaWidget().mount('#sakana-widget'); } </script> <script async onload="initSakanaWidget()" src="你的js链接" ></script> </div> [/hidecontent] 右侧二次元不到翁样式附件下载提取密码ndH7
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 整站颜色变成追悼灰色-识趣者资源

子比主题 – 整站颜色变成追悼灰色

为表示对某一重要事件或人物的哀悼，我们已将整个网站的颜色调整为灰色默哀色。在这个特殊的时刻，我们希望通过这种方式向所有受影响的家庭、朋友和社区表达我们的深切同情和哀悼之情。 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义CSS样式即可！ 首页变灰整站变灰 html .home>.header-slider-container,html .home>.relative,html .home>.mb20,html .home>.card-4,html .home>.filter-blur,html .home>.header,html .home>.container,html .home>.huliku_footer,html .home>.footer,html .home>.el-notification.right,html .home>.wpon_svip_gif,html .home>.float-right{-webkit-filter: grayscale(100%); filter: grayscale(100%);}" html{-webkit-filter: grayscale(100%);filter: grayscale(100%);} [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-22
子比主题 – 导航矩阵小工具组件-识趣者资源

子比主题 – 导航矩阵小工具组件

这是一款子比主题导航矩阵小工具组件，这款组件类似优设站，改了点东西，喜欢的自行部署吧，还是比较不错的，小工具配置齐全！ 小工具配置 代码部署 [hidecontent type="reply"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_navigation.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_navigation.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_navigation.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题导航矩阵小工具组件附件下载提取码4ZTW [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-16
子比主题-用户自助注销功能-识趣者资源

子比主题-用户自助注销功能

 本篇文章来教大家实现子比主题的用户功能中的用户注销功能，可以让自己网站更较完善，并...
识趣资源的头像-识趣者资源至尊会员识趣资源· 19天前
#子比美化
 2026-01-25
子比主题-原创评分插件-识趣者资源

子比主题-原创评分插件

新增 评分 小工具+文章内容底部综合评估框架
识趣资源的头像-识趣者资源至尊会员识趣资源· 10天前
#子比美化
 2026-01-28
子比主题-首页六格菜单PC版-识趣者资源

子比主题-首页六格菜单PC版

效果演示 Html代码 可直接添加到后台 小工具 >> 自定义HTML代码，里面的图片链接自行替换。 [hidecontent type="reply"] <div class="home-row-left content-area "> <div id="html-box-lg" class="html-box"> <div class="sort mobile-hidden"> <!-- 专题 --> <div class="sort-swiper-container swiper-container swiper-container-initialized swiper-container-horizontal"> <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1178px, 0px, 0px);"> <ul...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
 2026-02-03
子比主题 – 文章左侧新增复制内容按钮-识趣者资源

子比主题 – 文章左侧新增复制内容按钮

有些技术文章用户看不懂，可以点击复制给ai进行问询处理。 项目截图 项目特点 在文章页面的 .post-metas 左侧插入一个复制按钮（使用 Font Awesome 的 fa-copy 图标） 点击按钮会获取 .wp-posts-content 中的纯文本内容并复制到剪贴板 使用子比主题的 notyf() 函数显示提示信息（成功/失败） 按钮带有 tooltip 提示”复制全文” 获取代码 [hidecontent type="reply"] 在functions.php里面添加代码 // 文章页复制全文按钮 - 大海 function zib_copy_content_button() { if (!is_single()) return; ?>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 昨天
#子比美化
 2025-12-13
子比主题 – 右侧随机小姐姐新版样式-识趣者资源

子比主题 – 右侧随机小姐姐新版样式

我之前也分享过一些随机小姐姐的内容，并且自己制作了一个小工具。不过，我觉得这个样式还是蛮不错的。如果你喜欢，可以自己去部署一下。这个工具底部有下一个视频的按钮，此外按空格键也能切换到下一个视频，里面带随机小姐姐接口！ 代码部署 [hidecontent type="reply"] 将下面的代码放到：后台–>>外观–>>小工具–>>自定义HTML代码即可 <style> .video-container { width: 320px; height: 600px; border-radius: 20px; overflow: hidden; position: relative; background-color: #000; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.8); font-family: Arial, sans-serif; } .video-container video {...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – JS弹窗引导提醒样式-识趣者资源

子比主题 – JS弹窗引导提醒样式

给子比顶部加一个弹窗跳转，自带win和mac判断系统，很多站有的在使用这个弹窗，一个简约好看的弹窗，如果喜欢的话可以放到子比里面即可 代码部署 [hidecontent type="reply"] 直接将下面代码放到：子比主题–>>自定义javascript代码即可！ // 判断存在jq资源 try { if($ || jQuery) { tipsFun(); } } catch(e) { let script=document.createElement("script"); script.type="text/javascript"; script.src="https://cdn.mac89.com/common/static/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); script.onload = tipsFun; } function tipsFun() { // 判断用户是否是windows if((navigator.platform == "Win32")...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2026-01-13
子比主题 – 文章标题自定义文字或图标前缀-识趣者资源

子比主题 – 文章标题自定义文字或图标前缀

这是一款文章标题自定义文字或图标前缀，图标前缀是固定的，可以自己去文件改一下，这个角标是初一站长写的样式，给子比标题前加一个非常好看的样式，还是不错的，喜欢的自行部署吧！ [hidecontent type="payshow"] 一共有两个代码，跟着我步骤走不会有问题，话不多说直接开始！ func代码CSS代码 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创建一个，记得加上php头，要不然会报错的，将下面的代码放里面，里面的图标有三个图标，你有技术可以自己扩展一下！ CSF::createMetabox('DearLicy_titles', array( 'title' => '标题前缀', 'post_type' => 'post', 'context' => 'advanced', 'data_type' => 'unserialize', 'priority' => 'high', )); CSF::createSection( 'DearLicy_titles', array( 'fields' => array( array( 'id' => 'titles_moshi', 'type'...
识趣资源的头像-识趣者资源至尊会员识趣资源· 22天前
#子比美化
 2026-01-22
子比主题-页脚分享-识趣者资源

子比主题-页脚分享

效果预览 [hidecontent type="reply"] 将代码直接到themes/zibll/footer.php文件全选覆盖就行 <?php /** * * @link https://www.47zhe.cn/ * * @package 宇凌云界 */ $company_name = 'YourCompany'; // 公司名称 $company_description = '我们是一家专注于创新和品质的企业，致力于为客户提供最优质的产品和服务。'; // 公司描述 // 二维码配置 $wechat_qr = 'https://picsum.photos/seed/wechat-qr/150/150.jpg'; // 微信二维码图片URL $qq_qr = 'https://picsum.photos/seed/qq-qr/150/150.jpg';...
识趣资源的头像-识趣者资源至尊会员识趣资源· 12天前
#子比美化
 2026-01-27
子比主题 – 狐狸库自定义底部样式-识趣者资源

子比主题 – 狐狸库自定义底部样式

这是一款狐狸库自定义底部样式，这款页脚是黑色的，代码虽然很多，但是跟着我的步骤走不会有问题，话不多说直接开始，喜欢的自行部署！ 代码部署 [hidecontent type="payshow"] 投放路径：/wp-content/themes/zibll/func.php，没有func文件的自己创一下，然后记得加php头，要不然报错 本周发布 function get_posts_count_from_last_168h($post_type ='post') { global $wpdb; $numposts = $wpdb->get_var( $wpdb->prepare( "SELECT COUNT(ID) ". "FROM {$wpdb->posts} ". "WHERE ". "post_status='publish' ". "AND post_type= %s ". "AND post_date> %s", $post_type, date('Y-m-d...
识趣资源的头像-识趣者资源至尊会员识趣资源· 7天前
#子比美化
 2026-01-28
子比主题-文章列表小工具-识趣者资源

子比主题-文章列表小工具

[hidecontent type="reply"] /** * Tab幻灯片小工具-大海 */ Zib_CFSwidget::create('zib_widget_tab_slider', array( 'title' => 'Tab幻灯片', 'zib_affix' => true, 'zib_show' => true, 'description' => '左侧幻灯片+右侧Tab条，hover切换', 'fields' => array( array( 'id' => 'source_type', 'title' => '数据来源', 'default' => 'custom', 'options' =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 6天前
#子比美化
1234…15跳转