子比美化 第9页
子比主题美化相关教程
分类
排序
2026-03-18
评论可见
子比主题 – 右侧简单子比客服弹窗样式-识趣者资源
子比美化

美化子比主题 – 右侧简单子比客服弹窗样式

这是一款子比主题右侧简单客服弹窗样式，还是比较不错的，一共分两个，一个是停止滑动鼠标出现该按钮，另一个是一直显示该按钮，喜欢的自行部署吧！ 演示图 [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 fa-times"></i>...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 10天前
#子比美化
 2026-01-13
评论可见
子比主题 – 自定义样式弹窗_支持所有网站-识趣者资源

子比主题 – 自定义样式弹窗_支持所有网站

这里给大家分享一款大红款的弹窗样式，可放到自己的网站进行美化弹窗，这款弹窗是每天弹窗一次，并且测试了子比，正常可用，这个是html、css、js实现的，全部网站都可以用的！ [hidecontent type="reply"] 这里给大家以子比主题为例，定位：子比主题–>>自定义底部HTML代码，将下面的代码放到里面即可！ <style> #newYearModalOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); display: none; /* 默认隐藏 */ justify-content: center; align-items: center; z-index: 9999; } #newYearModal...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
子比主题功能 – 随机评论弹窗-识趣者资源

子比主题功能 – 随机评论弹窗

前天发布了一个网易云热评弹窗小卡片，昨天就有小伙伴建议，能不能做成网站里的随机评论消息，于是今天就简单改了一下，参考了一下洪哥那边的设计，那么话不多说，先来看看效果吧！ 将下方代码放置在主题目录下的 function.php 或者新建一个 func.php 文件 [hidecontent type="reply"] // 注册自定义 REST API 接口 function register_hot_comments_endpoint() { register_rest_route('myapi/v1', '/hot-comments', array( 'methods' => 'GET', 'callback' => 'get_hot_comments', )); } add_action('rest_api_init', 'register_hot_comments_endpoint'); function get_hot_comments() { $args = array(...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-02
评论可见
子比主题-滚动式公告美化框-识趣者资源

子比主题-滚动式公告美化框

关键修正： 内容：原来的5条（+5条副本=共10条） 容器高度：90px（只显示前2条，其他隐藏在下方） 每条高度：45px（2条×45px=90px） 动画：20秒滚动前5条，然后副本接上实现无缝循环 现在视觉上只看到2条，但滚动时会陆续展示第3、4、5条，然后回到第1条。这个是横着自己可以设置宽度， 带日期版本的 [hidecontent type="reply"] <div class="mini-scroll-widget"> <style> .mini-scroll-widget { background: #fff; border: 1px solid #ddd; border-radius: 16px; padding: 20px; font-family: "Microsoft YaHei", Arial, sans-serif; margin-bottom: 20px; } .mini-scroll-widget .scroll-title {...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 54天前
#子比美化
 2025-12-23
子比主题 – 社区LOGO单独设置插件-识趣者资源

子比主题 – 社区LOGO单独设置插件

这是一款子比主题社区logo单独设置插件，有一些站长既有博客又有论坛，但是不想用同一...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-27
评论可见
子比主题 – 网站文章自动内链和自动添加标签-识趣者资源

子比主题 – 网站文章自动内链和自动添加标签

在WordPress网站中，通过纯代码实现自动为文章生成标签并添加内链是一种高效且节省时间的SEO优化方法 使用教程 本文代码均为添加到子比主题目录中functions.php或者func.php中 文章自动添加标签 在WordPress中，实现文章发布时自动检测关键字并将其转换为标签的功能，确实可以在后台发布文章时生效。 [hidecontent type="reply"] add_action('save_post', 'auto_add_tags'); function auto_add_tags() { $tags = get_tags(array('hide_empty' => false)); $post_id = get_the_ID(); $post_content = get_post($post_id)->post_content; if ($tags) { foreach ($tags as $tag) { // 如果文章内容出现了已使用过的标签，自动添加这些标签 if (strpos($post_content,...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-03-08
评论可见
子比主题-侧边栏小工具彩色标签云-识趣者资源
子比美化

美化子比主题-侧边栏小工具彩色标签云

标签云修改需要用到只有简单的CSS代码，我们先来看下效果图吧！ 示例图 步骤一：使用小工具 打开小工具找到侧边栏，点击进去之后点击添加小工具选择Zibll标签云，然后就是参数了，因为追求工整选择了固定宽度，标签数量也选择了24个(3的倍数随意就好) 步骤二：CSS代码 加入到主题后台的自定义CSS样式里保存即可 [hidecontent type="reply"] /*文章随机彩色标签*/ .widget-tag-cloud.fixed-width .but:hover{opacity: 1;}.widget-tag-cloud.fixed-width .but{opacity: 0.6;line-height: 20px !important;padding: 4px 10px !important;font-size: 12px !important;}.widget-tag-cloud.fixed-width .but:nth-child(5n){background-color: #4A4A4A;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+3){background-color: #1ac756;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+4){background-color: #19B5FE;color:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 20天前
#子比美化
 2026-01-25
评论可见
子比主题 – 文章页左侧悬浮快捷功能-识趣者资源

子比主题 – 文章页左侧悬浮快捷功能

给子比主题文章页面里面的电脑端的左上角加一个悬浮快捷功能，带有点赞、收藏、评论（可跳转底部评论），分享等按钮，相当于跟论坛的效果差不多，喜欢的自行部署吧！ [hidecontent type="reply"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码直接丢里面即可！ /** * 文章页面左侧浮动按钮 */ function zib_post_fixed_btns() { global $post; if (wp_is_mobile() || !is_single() || $post->post_type !== 'post') return ''; $id = $post->ID; $logged = is_user_logged_in(); $btns = ''; $items = [];...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-18
500积分
子比主题 – 文章顶部添加文章信息（纯代码版）-识趣者资源
子比美化

功能子比主题 – 文章顶部添加文章信息（纯代码版）

演示效果 部署教程 [hidecontent type="payshow"] 把以下代码放入 functions.php 即可 function add_custom_html_to_wz() { if(is_single()&& get_post_type() === 'post'){ ?> <style> @media screen and (min-width:768px) { .head_box_mx { color:white; position:relative; text-align:center; box-sizing:border-box; margin-top:-20px; margin-bottom:20px; } } @media screen and (max-width:768px)...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 39天前
#子比美化
 2026-02-27
350积分
子比主题-文章强制每行5个【卡片模式】-识趣者资源
子比美化

功能子比主题-文章强制每行5个【卡片模式】

示例图 子比默认每行4个 修改后默认5个 部署教程 [hidecontent type="payshow"] 括号里的数值可以自己定义，不难理解就是控制卡片&列表宽度用的。这个根据自己的页面情况需求修改就好！ 需要多个列表修改百分比即可，5个=20%以此类推。 /*文章卡片排列X5*/ @media (min-width: 769px) { .posts-item.card { width: calc(20% - 16px); } }/*识趣资源 https://47zhe.cn*/ [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 29天前
#子比美化
 2026-02-07
评论可见
子比主题 – 给页脚二维码加动态Border-识趣者资源

子比主题 – 给页脚二维码加动态Border

[hidecontent type="reply"] /*底部板块三图片border*/ .footer-miniimg { p{ position: relative; &:hover { filter: contrast(1.1); } &:active { filter: contrast(0.9); } &::before, &::after{ content: ""; border: 2px solid; border-image: linear-gradient(45deg, gold, deeppink) 1; position: absolute; top: -5px; left:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 49天前
#子比美化
 2025-12-13
评论可见
子比主题 – 文章封面缩略图悬停样式（四款）-识趣者资源

子比主题 – 文章封面缩略图悬停样式（四款）

给子比主题加点美化吧，本篇文章是子比主题文章封面缩略图悬停样式，我这边提供了四款，我觉得还是不错的四款悬停样式，喜欢哪个就部署哪个吧！ 第一款 第二款 第三款 第四款 [hidecontent type="reply"] 根据上面的演示图喜欢哪个将下面的代码放到：子比主题–>>自定义CSS样式即可，别忘了换图标！ 第一款第二款第三款第四款 .item-thumbnail { position: relative; overflow: hidden; transition: transform 0.4s ease; } .item-thumbnail:hover { transform: translateY(-5px); } .item-thumbnail:before { content: ''; position: absolute; top: 0; left: 0;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-28
评论可见
子比主题-隐藏内容模块的会员级别提示修改教程-识趣者资源

子比主题-隐藏内容模块的会员级别提示修改教程

子比主题隐藏内容会员可见的模块，子比默认的是显示一级会员可见，实际上是一级和二级会员都可见，这个设定我们站长是搞懂了，但是对于网站用户来说，可能会有歧义，产生误解，以为当前内容仅一级会员，而设置二级会员可见时，是仅二级会员可见（要考虑用户的理解能力下限）。 因为站长发布内容的时候，为了照顾一、二级会员，大部分内容会设置为一级会员可见，但这样会导致一个“损失”，可能“误导”用户只需开通一级会员，而不是直接开通更高级的二级会员。 修改前 第一个模块，一级黄金会员可见，第二个模块，二级钻石会员可见，网站用户可能会误以为两个会员等级并无关联。 修改后 第一个模块，一级和二级会员可见，第二个模块，仅二级会员可见，这样对网站用户就能很明确的了解隐藏内容所属会员了，不会存在歧义和误解。 或者将原来的一、二级可见提示改为一级及以上等级会员可见 [hidecontent type="reply"] 找到 /zibll/inc/functions/zib-theme.php 文件，Ctrl+F搜索 $type_text = array( 会看到如下内容： 'vip1' => _pz('pay_user_vip_1_name') . '可见', 'vip2' => _pz('pay_user_vip_2_name') . '可见', 修改为： 'vip1' => _pz('pay_user_vip_1_name') . '及' . _pz('pay_user_vip_2_name') ....
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-02
300积分
子比主题 – 会员免评论查看功能-识趣者资源

子比主题 – 会员免评论查看功能

功能简介 这是一款子比主题会员免评论查看功能，为一级和二级会员用户提供免评论查看”评论可见”内容的特权，支持单独控制一级和二级会员的权限，喜欢的自行部署吧！ 功能截图 [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件记得自己创建一个，记得加上php头，要不然会报错，将下面的代码放到里面即可！ /* * ======================================== * 会员免评论查看功能 * ======================================== * 功能说明：为一级和二级会员用户提供免评论查看"评论可见"内容的特权 * 支持单独控制一级和二级会员的权限 */ function zib_vip_can_view_without_comment($user_id = 0) { if (!$user_id) { $user_id = get_current_user_id(); } if (!$user_id) { return false;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-22
评论可见
子比主题美化 – 圆环进程时钟-识趣者资源

子比主题美化 – 圆环进程时钟

介绍 这是一个圆环进程的时钟，非常适合自己放在子比网站底部与横向统计使用，不过你也可以放在其他地方都可以！ 教程 此时钟可以配合横向信息统计来搭配放子比主题底部即可！ [postsbox post_id="1927"] [hidecontent type="reply"] 此时钟为单页html，复制代码带网站后台创建一个index.php粘贴进去，直接访问即可 <html> <head> <style> * { border: 0; box-sizing: border-box; margin: 0; padding: 0; } :root { --hue: 223; --bg: hsl(var(--hue),10%,90%); --fg: hsl(var(--hue),10%,10%); font-size: calc(16px + (24...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
1…7891011…23跳转