子比美化 第21页
子比主题美化相关教程
分类
排序
2026-03-20
188积分
子比主题-动态星空萤火背景-识趣者资源
子比美化

美化子比主题-动态星空萤火背景

此篇文章搬运自阿呆日记,已适配日夜模式,喜欢的请自行部署 预览图 [hidecontent type="payshow"] 后台自定义CSS添加以下代码 /* 暗色主题星空背景样式 */ .dark-theme { box-sizing: border-box; padding: 0; margin: 0; } .dark-theme body { background: #22313f; position: relative; } .dark-theme #starsContainer { position: absolute; top: 0; left: 0; right:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 7天前
#子比美化
 2026-01-31
20积分
子比主题 – 文章页隐藏侧边栏按钮-识趣者资源

子比主题 – 文章页隐藏侧边栏按钮

截图 展开 实现 [hidecontent type="payshow"] 在主题的function.php中添加 // 侧边栏切换 add_action('wp_footer', function() { if (!is_single()) return; echo '<style>.stg{width:36px;height:20px;background:#ccc;border-radius:20px;cursor:pointer;position:relative;margin-left:8px}.stg::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.2s}.stg.on{background:var(--focus-color)}.stg.on::after{left:18px}</style>'; echo '<script>jQuery(function($){var b=$("body"),m=$(".single-metabox"),o=b.attr("class").match(/site-layout-[23]/);if(!m.length||!o)return;o=o[0];var s=$("<span class=stg>").appendTo(m),k="zib_hide_sidebar";if(localStorage[k]==="1"){b.removeClass(o).addClass("site-layout-1");s.addClass("on")}s.click(function(){s.toggleClass("on");b.toggleClass("site-layout-1 "+o);localStorage[k]=s.hasClass("on")?"1":"0"})})</script>'; }); [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比美化-评论框添加背景图片-识趣者资源

子比美化-评论框添加背景图片

演示图 教程： 放到后台自定义CSS [hidecontent type="reply"] /*评论背景图*/ textarea#comment { background-color:transparent; background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),url(https://47zhe.cn/img/pinglun.gif) right 10px bottom 0px no-repeat; background-size: contain; -moz-transition:ease-in-out 0.45s; -webkit-transition:ease-in-out 0.45s; -o-transition:ease-in-out 0.45s; -ms-transition:ease-in-out 0.45s; transition:ease-in-out 0.45s;} textarea#comment:focus...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
 2026-02-18
888积分
子比主题 – 屏幕快照及网站信息GO跳转页面-识趣者资源
子比美化

功能子比主题 – 屏幕快照及网站信息GO跳转页面

在此之前博客发布过也是快照GO跳转页面，只不过那个有点简单了，今天这一款是带有整个网站的快照并且右侧还带有自动获取该网站图标，然后自动获取TDK信息，并且还会自动为跳转站生成二维码，很方便，喜欢的自行部署吧！ 示例图片 代码部署 [hidecontent type="payshow"] 请自行替换子比主题目录下的go.php文件内容 <?php // 安全过滤与初始化 if ( strlen($_SERVER['REQUEST_URI']) > 384 || strpos($_SERVER['REQUEST_URI'], "eval(") !== false || strpos($_SERVER['REQUEST_URI'], "base64") !== false ) { @header("HTTP/1.1 414 Request-URI Too Long"); @header("Status: 414 Request-URI Too...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 37天前
#子比美化
 2026-01-28
评论可见
子比主题-网站右上角添加复制弹出样式-识趣者资源

子比主题-网站右上角添加复制弹出样式

效果演示 投放位置 1.子比主题设置 >> 自定义代码 >> 自定义底部 HTML 代码：添加以下代码：2.其他主题自行添加在主题的 head 或 food 文件底部即可，具体效果自行测试。 [hidecontent type="reply"] <!--第二款复制提示开始--> <script src="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/fzts/ts.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/1426239465/98dou.cn/fzts/ts.css" /> <script type="text/javascript"> function copy_remind(){ toastr.success("撰文不易，若要转载请务必保留原文链接，谢谢！", "复制成功！"); clear_toastr(1600); // 动态设置消息提示时间 function clear_toastr(time){ setTimeout( function(){...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-05
子比美化教程 – 子比主题自定义下拉登录框-识趣者资源

子比美化教程 – 子比主题自定义下拉登录框

子比主题自定义下拉登录框 美化效果 食用教程 一、zib-header代码 文件路径：/wp-content/themes/zibll/inc/functions/zib-header.php 搜索以下代码： $href .= '<a href="javascript:;" class="signin-loader"> 将以下代码注释： $href = ((_pz('pay_user_vip_1_s', true) || _pz('pay_user_vip_2_s', true)) && _pz('nav_user_pay_vip', true)) ? '<div><a class="em09 signin-loader but jb-red radius4 payvip-icon btn-block mt10" href="javascript:;">' . zib_get_svg('vip_1', '0...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-03-01
300积分
子比主题 – 精选滑动卡片小工具-识趣者资源
子比工具

功能子比主题 – 精选滑动卡片小工具

这是一款子比主题精选滑动卡片小工具，可以左滑右滑 小工具配置 代码部署 [hidecontent type="payshow"] 定位:/wp-content/themes/zibll中把文章附件解压，然后在func.php文件里添加L下代码(没有这个文件自己创建一个，然后记得加php头，要不然会报错 $widgets_files = array( 'tengfei_best_swiper.php', // 小工具文件名 ); foreach($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 子比主题 - 精选滑动卡片小工具下载 密码1pp6 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 27天前
#子比美化
 2026-01-31
评论可见
子比主题-动态LOGO变色代码-识趣者资源

子比主题-动态LOGO变色代码

如何让主题LOGO自动变色，不用做动态图，以下代码放到子比主题后代自定义代码中就可以实现，目前只测试过子比主题，其他主题自行测试。 [hidecontent type="reply"] <!--LOGO变色-初晨--> <style>.navbar-logo{animation: hue 4s infinite;}@keyframes hue {from {filter: hue-rotate(0deg);}to {filter: hue-rotate(-360deg);}}</style> [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2025-12-13
评论可见
子比主题 – 自定义右键菜单美化-识趣者资源

子比主题 – 自定义右键菜单美化

给子比主题加一个自定义右键的美化，我觉得这个还是不错的，很简洁而且好看，喜欢的自行部署，当留个笔记吧！ 代码部署 [hidecontent type="reply"] 将下面的代码放到：子比主题–>>自定义底部HTML代码即可，或者也可以放到footer.php文件里面也可以！ 记得修改一下里面的网站地址，要不然用的话都是本站的地址！ <!-- 右键美化 --> <style type="text/css"> a {text-decoration: none;} div.usercm{background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:#fff;font-size:13px!important;width:130px;-moz-box-shadow:1px 1px 3px rgba (0,0,0,.3);box-shadow:0px 0px 15px #333;position:absolute;display:none;z-index:10000;opacity:0.9; border-radius: 8px;} div.usercm ul{list-style-type:none;list-style-position:outside;margin:0px;padding:0px;display:block} div.usercm ul li{margin:0px;padding:0px;line-height:35px;} div.usercm ul li a{color:#666;padding:0 15px;display:block}...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-22
免费
子比主题 – 简易聊天室插件-识趣者资源

子比主题 – 简易聊天室插件

这是一款子比主题简易聊天室插件，开启插件之后可通过代码来实现位置，代码功能实时同步聊天，很实用的一款插件，可自己放到自己的小工具来实现位置，喜欢的自行部署吧！ 代码部署下载插件之后，将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML，放到你自己想要放的位置！ <!-- 简易聊天室代码--> <div id="zibll-right-chat-toggle" class="float-btn" onclick="document.getElementById('zibll-right-chat').classList.toggle('active')"> <i class="fa fa-comments"></i> <text>聊天室</text> </div> <!-- 代码结束 -->
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-20
子比主题-添加一个朋友圈样式的友情链接页面-识趣者资源
子比美化

功能子比主题-添加一个朋友圈样式的友情链接页面

效果图 新建页面代码 [hidecontent type="payshow"] <?php /* *Template Name: 链接检测模版 *网站:n.navw.cn */ get_header(); // 网址访问判断 function httpcode($url){ $ch = curl_init(); $timeout = 5; curl_setopt($ch,CURLOPT_FOLLOWLOCATION,1); curl_setopt($ch,CURLOPT_RETURNTRANSFER,1); curl_setopt($ch, CURLOPT_HEADER, 1); curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout); curl_setopt($ch,CURLOPT_URL,$url); curl_exec($ch); return $httpcode...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 35天前
#子比美化
 2025-12-11
评论可见
子比主题-文章列表移入上浮蓝色边框扫动效果-识趣者资源

子比主题-文章列表移入上浮蓝色边框扫动效果

预览图 [hidecontent type="reply"] 下面代码放入WordPress后台-zibll主题设置-全局-自定义JavaScript代码 document.addEventListener('DOMContentLoaded', function () { const postsElements = document.querySelectorAll('posts.posts-item'); postsElements.forEach((element) => { if (element.classList.contains('posts-item')) { element.classList.add('alone'); } }); }); 下面代码添加到自定义css即可 .posts-item.alone {position:relative;overflow:hidden;transition:all .3s ease;} .posts-item.alone:hover {position:relative;z-index:1;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2),0 0 0 2px...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-11-24
10积分
评论可见
子比主题美化用户中心添加UID、加入时间-识趣者资源

子比主题美化用户中心添加UID、加入时间

本功能是为我们的网站的用户中心处添加UID显示及加入网站已多少天那种，另外一个样式可以自己在源码那边设置修改，废话不多说上效果图。 将下列代码添加至子比主题根目录文件夹的functions.php中即可 [hidecontent type="reply"] /* * 定义用于显示用户ID的函数 * 'but'是配合函数赋予class样式'but'在子比主题内通常是按钮样式可配合c-blue或jb-pink赋予色彩 * c系列为透明背景，颜色有c-blue、c-blue-2、c-cyan、c-gray、c-green、c-green-2、c-purple、c-purple-2、c-red、c-red-2、c-theme、c-white、c-yellow、c-yellow-2 * jb系列为非透明渐变色背景，颜色有pay-tag、jb-red、jb-pink、jb-yellow、jb-blue、jb-cyan、jb-green、jb-purple、jb-vip1、jb-vip2 */ function ZbTool_user_id_to_desc($desc, $user_id) { // 初始化变量 $day = true; // 可以根据需要进行动态设置 $uid = true; // 可以根据需要进行动态设置 $pay_price = true; // 可以根据需要进行动态设置...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-01-13
600积分
子比主题 – 文章标题自定义文字或图标前缀-识趣者资源

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

这是一款文章标题自定义文字或图标前缀，图标前缀是固定的，可以自己去文件改一下，这个角标是初一站长写的样式，给子比标题前加一个非常好看的样式，还是不错的，喜欢的自行部署吧！ [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'...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-08
100积分
子比主题美化– 资源下载区块背景图美化-识趣者资源

子比主题美化– 资源下载区块背景图美化

演示图 教程 [hidecontent type="payshow"] #posts-pay { background-image: url(https://i.imgs.ovh/2026/02/08/ylv2oa.png); } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 48天前
#子比美化
1…1920212223跳转