子比美化共342篇
标签
排序
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个月前
#子比美化
 2025-12-02
100积分
子比主题 – 新版私密评论功能-识趣者资源

子比主题 – 新版私密评论功能

美化简介 这是一款子比主题新私密评论功能，这款是适配了子比的样式，在此之前腾飞博客给大家分享过改文件的代码，但是那些太麻烦了，今天给大家分享一款无需修改子比文件即可实现的，喜欢的自行部署吧！ 美化截图 [hidecontent type="payshow"] 定位：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然会报错，将下面的代码直接丢里面即可！ // 私密评论显示逻辑 function zib_private_message_hook($comment_content, $comment) { $comment_ID = $comment->comment_ID; $is_private = get_comment_meta($comment_ID, '_private', true); $email = $comment->comment_author_email; $current_user = wp_get_current_user(); // HTML for private comment notification $html = '<div...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2025-11-23
500积分
子比美化-首页增加一个滚动banner横幅-识趣者资源

子比美化-首页增加一个滚动banner横幅

后台HTML代码加入-选择合适的位置 [hidecontent type="payshow" desc="隐藏内容：付费阅读"] <!-- wp:zibllblock/enlighter --> <pre class="wp-block-zibllblock-enlighter"><code class="gl" data-enlighter-language="generic" data-enlighter-theme="" data-enlighter-highlight="" data-enlighter-linenumbers="" data-enlighter-lineoffset="" data-enlighter-title="" data-enlighter-group="">&lt;link rel="stylesheet" href="在这里填写css路径！！！！！！！！"> &lt;div id="home_top"> &lt;style type="text/css"> .todayCard-title, .todayCard-tips, .topGroup.banner-button { color: #ffffff } .topGroup.todayCard { background: #000000 }...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 4个月前
#子比美化
 2026-02-27
评论可见
子比主题 – 图片壁纸页面-识趣者资源
子比页面

美化子比主题 – 图片壁纸页面

这是一款子比主题的图片壁纸页面，这款是没有对接子比付费（点击下载按钮直接跳转第三方网盘），预览图右侧信息，是自动获取标题关键字，下载次数是获取的文章浏览量x5，这款是通过ai来辅助写的，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/pages目录下自己创建一个文件，后缀为.php即可，将下面的代码放进去！ <?php /** * Template name: Zibll图片瀑布流 * Description: 分类ID69的图片瀑布流页面（点击放大图片+hover显示标题下载+下载按钮跳文章链接+hover显示尺寸标注） */ get_header(); $cat_id = 69; // 固定分类ID：69 // 辅助函数：获取文章中的第一张图片（优先特色图，无则取内容图） function get_post_first_image($post_id) { $featured_img_url = wp_get_attachment_image_src(get_post_thumbnail_id($post_id), 'full'); if ($featured_img_url) { return array(...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 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:...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 13天前
#子比美化
 2025-12-13
评论可见
子比主题 – 邮箱通知样式美化（四款样式）-识趣者资源

子比主题 – 邮箱通知样式美化（四款样式）

给大家做了四款款子比主题邮箱通知样式美化，邮箱通知美化还是不错的，博客给大家设计并美化了，目前是四款样式，后面博客会做很多邮箱通知，喜欢的自己挑选几款自己部署吧！ 部署教程 定位：/wp-content/themes/zibll/inc/functions/zib-email.php文件里面，我们搜$content = '，搜了之后，我们如下图替换子比的样式，如下图 样式如下 [hidecontent type="reply"] 第一款第二款第三款第四款 $content = ' <style> .gradient-mail{ background:#eaf7ff; padding:40px 0; font-family: "Helvetica Neue","PingFang SC",Arial,sans-serif; } .gradient-mail .box{ max-width:620px; margin:auto; border-radius:24px; background:linear-gradient(140deg,#fff 60%,#d6eaff 100%); box-shadow:0 4px 22px rgba(66,150,255,0.10); overflow:hidden;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-28
评论可见
子比主题-独立下载页面美化第一版-识趣者资源

子比主题-独立下载页面美化第一版

使用说明 修改了下载页面，添加手机自适应，如果更新主题时下载页面（/wp-content/themes/zibll/pages/download.php）没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 效果演示 [hidecontent type="reply"] <?php /** * Template name: XY-资源下载 * Description: XY-独立资源下载页面 */ if (empty($_GET['post'])) { get_header(); get_template_part('template/content-404'); get_footer(); exit; } get_header(); $post_id = $_GET['post']; function zibpay_get_down_html($post_id) { $pay_mate = get_post_meta($post_id, 'posts_zibpay', true);...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-28
评论可见
WordPress子比主题插入高清bilibili哔哩哔哩视频代码-识趣者资源

WordPress子比主题插入高清bilibili哔哩哔哩视频代码

站长门都知道，许多博客主题都是支持嵌入bilibili视频代码播放的，但是有一个通病，就是嵌入的视频都是以最低视频分辨率播放，今天主要就是解决这个问题！ 在B站有很多影片资源可以分享，若想分想到自己的WordPress网站该怎么做呢？ 首先在“点击复制链接”处复制“嵌入代码” 在WordPress使用HTML插入媒体，填入代码后会变成下图这样，整个影片尺寸是变小的（如下） 因为B站预设的外站引用解析度是最低的，因此所以不能直接贴上代码 需要加上一段代码，让B站影片能跟随自家网站的大小来做改变： [hidecontent type="reply"] 1. 加入代码修改影片显示大小 width="100%" height="600" 比如说我想要分享的影片代码是这串 <iframe src="//player.bilibili.com/player.html?aid=914606049&bvid=BV1Mu4y1z7a9&cid=1229413200&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> 那我就在iframe之间加入这串代码 width="100%" height="600" <iframe src="//player.bilibili.com/player.html?aid=914606049&bvid=BV1Mu4y1z7a9&cid=1229413200&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="600"> </iframe> 修改大小后的影片长这样，这里的宽度和高度可以根据自己的需求修改...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 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
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
123…35跳转