子比美化 第22页
标签
排序
2026-02-07
评论可见
子比主题美化 – 用户信息小工具底部按钮美化-识趣者资源

子比主题美化 – 用户信息小工具底部按钮美化

演示图 教程 [hidecontent type="reply"] .user-btns .btn-newadd,.user-btns .jb-pink{background:linear-gradient(90deg,#ff92ac 0,#fd6dcb 100%);color:#fff !important;border:none !important}.user-btns .btn-newadd:hover,.user-btns .jb-pink:hover{filter:brightness(1.1) saturate(1.1);box-shadow:0 6px 18px -6px #fd6dcb7a}.user-btns .jb-blue{background:linear-gradient(90deg,#40a6fa 0,#356aef 100%);color:#fff !important;border:none !important}.user-btns .jb-blue:hover{filter:brightness(1.08) saturate(1.08);box-shadow:0 6px 18px -6px #356aef5c}.user-btns a,.user-btns .but{padding:0 22px;line-height:36px;border-radius:20px;font-size:15px;font-weight:600;box-shadow:0 2px 10px rgb(66...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-03-12
免费
子比主题 – 子比付费阅读增强插件-识趣者资源
子比插件

插件子比主题 – 子比付费阅读增强插件

这是一款子比主题付费阅读增强插件，这款插件还是比较不错的，让用户先试看文章内容，接下...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-27
评论可见
子比主题-置顶角标美化-识趣者资源

子比主题-置顶角标美化

使用教程 将下列代码加入后台CSS中即可 [hidecontent type="reply"] .posts-item badge.img-badge.left.jb-red { position: absolute; top: 10px; right: -50px; z-index: 1; width: 140px; height: 20px; background: var(--theme-color); color: #fff; line-height: 20px; transform: rotate(45deg); text-align: center; font-size: 12px; left: auto; border-radius: 0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-02-04
免费
子比主题-前端附件管理插件-识趣者资源

子比主题-前端附件管理插件

相关教程 插件支持使用钩子添加不同文件类型的图标，若不添加则输出默认图标 示例代码： // 在主题的 functions.php 或插件中添加自定义 SVG 图标 add_filter('zibll_uploads_svg_icons', 'custom_svg_icons'); function custom_svg_icons($svg_icons) { // 添加新的 SVG 图标 $svg_icons['application/x-custom'] = '<svg>您的自定义SVG代码</svg>'; // 修改现有的 SVG 图标 $svg_icons['application/pdf'] = '<svg>您修改后的PDF SVG代码</svg>'; return $svg_icons; }
识趣资源的头像-识趣者资源
至尊会员识趣资源· 2个月前
#子比美化
 2026-01-25
5
子比主题美化 – 右侧悬浮导航美化（二改简化）-识趣者资源

子比主题美化 – 右侧悬浮导航美化（二改简化）

我加入了悬浮素材的 AI 源文件，自己修改成自己的即可。我打包放在一个包里面。 部署教程可自建文件存放，CSS和JS代码可使用外链方式到HTML代码内。子比主题亦可选择添加到如下位置： zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义全宽底部HTML代码 zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义CSS代码 zibll主题设置 >> 全局功能 >> 自定义代码 >> 自定义Javascript代码
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-03-02
300积分
子比主题美化 –墨星同款优惠券样式推广代码-识趣者资源
子比工具

功能子比主题美化 –墨星同款优惠券样式推广代码

前言 大家好，今天转网站发现了一个很好看的样式，就把它给扒出来了，原作者是墨星博客，在此非常感谢。并且做成了一排两个的摆放样式。并且自适应移动端，显示一行一个。这个可以很好起到宣传作用！ 效果图 教程开始 将下面代码放入wordpress后台-外观-小工具–自定义HTML代码，选择一个自己喜欢的位置，推荐顶部全宽度或者底部全宽度。 代码部分 [hidecontent type="payshow"] <style> .mxchild-card{display:flex;align-items:stretch;min-height:80px;background:rgb(41,151,247);border-radius:8px;-webkit-mask-image:radial-gradient(circle at 88px 4px,transparent 4px,red 4.5px),radial-gradient(closest-side circle at 50%,red 99%,transparent 100%);-webkit-mask-size:100%,2px 4px;-webkit-mask-repeat:repeat,repeat-y;-webkit-mask-position:0 -4px,87px;-webkit-mask-composite:source-out;mask-composite:subtract;position:relative;padding-right:100px;overflow:hidden}.card-left{width:88px;text-align:center;color:#fff;font-weight:bold;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-left .price{display:flex;align-items:baseline;line-height:1}.card-left .currency{font-size:16px}.card-left .amount{font-size:32px;margin-left:2px}.card-right{padding:12px;display:flex;flex:1;flex-direction:column;justify-content:center}.card-info{margin:0;font-size:14px;line-height:1.4;color:#fff}.card-subtitle{margin:0;font-size:12px;color:rgba(255,255,255,0.9);margin-top:2px;line-height:1.3}.coupons-container{display:flex;flex-wrap:wrap;gap:8px;width:100%}.coupons-container .mxchild-card{flex:1;min-width:300px}@media (max-width:768px){.coupons-container{flex-direction:column;gap:8px}.coupons-container .mxchild-card{min-width:100%}}.mxchild-card .buy-button{content:"立即购买";position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#fff;color:rgb(41,151,247);padding:6px 12px;border-radius:5px;font-size:14px;font-weight:bold;white-space:nowrap;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;border:none;transition:all 0.3s ease}.mxchild-card .buy-button:hover{background:rgba(255,255,255,0.9);transform:translateY(-50%) scale(1.05)} </style>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-16
免费
子比主题拓展插件-用户中心拓展-识趣者资源

子比主题拓展插件-用户中心拓展

子比主题的大佬李初一在自己网站发布了关于子比主题的用户中心功能拓展的插件，省去了我们...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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' =>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 顶部多功能组件上方时间显示-识趣者资源

子比主题 – 顶部多功能组件上方时间显示

教程 [hidecontent type="reply"] 把下面的的代码放到 <div class="header-slider-search-more text-center before"> <div id="timeDisplay" class="time-display">19:07:48</div> <!-- 日期显示区域 --> <p id="dateDisplay" class="date-display">Tuesday, November 25, 2025</p> <script> // 更新时间和日期的函数 function updateTimeAndDate() { const now = new Date(); // 格式化24小时制时间 (HH:MM:SS) const...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 5个月前
#子比美化
1…2021222324…36跳转