子比美化 第12页
子比主题美化相关教程
分类
排序
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-13
子比主题 – 自带弹窗美化样式-识趣者资源

子比主题 – 自带弹窗美化样式

这是一款子比主题自带的弹窗美化的样式，样式非常的好看，我觉得可以当做自己站点的弹窗样式，只适合子比，其他的不能！ 代码部署 [hidecontent type="reply"] 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 标题内容即可！ <img style="width:50%; display: block; margin-left: auto; margin-right: auto;" src="logo链接" alt="腾飞博客"> 下面的代码放到：子比主题–>>全局&功能–>>常用功能–>>弹窗通知–>> 弹窗内容即可！ <div style="text-align: center;margin-bottom:15px;"> <div style="padding-bottom:10px;"><img style="width:40%;margin-bottom:10px; border:2px solid #edc890;" src="二维码链接" alt="QQ扫码进入腾飞博客网用户群"> <p style="color:#1f9c00;"><i class="fa fa-qq"></i> <span>QQ扫码进入腾飞博客网用户群</span><p> <p>您可以在用户群跟群友交流哦～</p></div>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 付费详情说明模块样式-识趣者资源

子比主题 – 付费详情说明模块样式

一款在付费模块下加一个漂亮的背景图片样式来高亮显示用来提醒用户注意须知，将付费详情说明模块。 代码部署 [hidecontent type="reply"] 很多人问了：为什么配置好了没有效果，配置了这个是新发文章才有效果，之前的文章没有效果！ 网站后台–>Zibll主题设置–>商城&付费–>商城配置–>更多详情，输入需要显示的文字 CSS代码 直接将下面的代码放到：子比主题–>>自定义CSS样式即可！ /*付费详情说明模块美化*/ .pay-box .pay-details { background-image: url(https://img.alicdn.com/imgextra/i3/2934847733/O1CN0123c7o426zljQUqHlZ_!!2934847733.png); color: #fff; text-align: center; background-size: cover; } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文章列表添加置顶和新文章角标-识趣者资源

子比主题 – 文章列表添加置顶和新文章角标

这是一款子比主题文章列表右上角置顶和新文章角标，置顶就是在后台设置，新文章就是当天发的文章，功能真的很不错，喜欢的自行部署吧，演示图我只是随便找了两个图标，下面我会教你怎么换图标！ 代码部署 [hidecontent type="reply"] 一共三个地方，跟着我的步骤走，别放错了地方，话不多说开始！ FUNC文件zib-posts-list.php文件CSS代码 我们到：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创一个，记得加php头，要不然报错，我们将下面的代码放到里面，里面的最新文章和置顶文章的图标我已经放上去了，就是我演示图里面的，你喜欢什么图标可以替换了！ //新文章发布New小图标 function tianyishangke_post_newicon($post){ //date_default_timezone_set('PRC'); $wiui_date = date("Y-m-d H:i:s"); $wiui_post_date = get_the_time('Y-m-d H:i:s', $post); $wiui_diff = (strtotime($wiui_date)-strtotime($wiui_post_date))/3600; if($wiui_diff<24){ $wiui_new_icon = '<div class="tianyishangke-new-icon"><img src="https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01jVZZB71QbInIvtWj6_!!2210123621994.png" draggable="false" alt="最新文章" /></div>'; }else if (is_sticky()){...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自定义认证SVG图标-识趣者资源

子比主题 – 自定义认证SVG图标

这是一款子比主题认证修改图标，就是修改子比主题默认自带的认证图标，改成你自己的svg图标，非常的美观，喜欢的自行部署吧！ 代码部署 [hidecontent type="reply"] 我们到：/wp-content/themes/zibll/js/svg-icon.js这个文件里面搜“zib_svgs['user-auth']”，如下图 示意：zib_svgs['user-auth'] = '你的SVG代码'; 这里提供一个bilibili蓝色闪电SVG图标代码为例 zib_svgs['user-auth'] = '<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#FFFFFF" p-id="4885"/><path d="M512 512m-418.909091 0a418.909091 418.909091 0 1...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 为单个文章设置有效期_到期自动下线-识趣者资源

子比主题 – 为单个文章设置有效期_到期自动下线

为子比主题添加文章有效期功能，允许您为每篇文章设定有效期。一旦到达设定时间，文章将自动下线，不再对外展示。这一功能不仅能帮助您有效管理内容时效性，还能提升用户体验，减少过期信息的干扰。 代码部署 [hidecontent type="reply"] 可看演示图，截止时间到期之后自动删除了文章到了回收站，非常的实用的功能！ 首先我们到：/wp-content/themes/zibll/func.php文件，没有这个文件自己创一个，记得加上php头，要不然会报错，将下面的代码放到里面 //文章有效期 CSF::createMetabox('post_validity_options', array( 'title' => '文章有效期', 'post_type' => ['post', 'page', 'forum_post'], 'context' => 'side', 'data_type' => 'unserialize', )); CSF::createSection('post_validity_options', array( 'fields' => array( array( 'id' => 'post_validity_time', 'type' =>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 首页底部登录弹窗模块-识趣者资源

子比主题 – 首页底部登录弹窗模块

这是一款子比主题底部登入弹窗模块，在逛网站的时候扒的别人，优化了一下CSS代码，因为他那个样式是直接显示的，感觉不美观，我这里加了点显示延迟，话不多说直接开始！ 代码部署 [hidecontent type="reply"] func代码CSS代码 我们到：/wp-content/themes/zibll/func.php这个文件里面，没有这个文件创一个，记得加php头，要不然报错，将下面的代码放到里面 /*子比主题底部登录美化样式*/ function zibll_Add_ons_footer_sidebar_display() { if (is_user_logged_in()) { return; } $sidebar_html = ' <div class="wapnone"> <div class="footSideBar footNoSideBar" style="" data-v-468191f6=""> <div class="left_warp"> <p class="left_word">一键注册登录，免费下载更多的资源教程</p> <ul class="login_ad_list"> <li class="login_ad_item"> <img src="//pub-cdn-oss.chuangkit.com/ad_position/07b0bea0b5ff4a4a86821440 2dffbe06"...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 给弹窗Modal加一个背景-识趣者资源

子比主题 – 给弹窗Modal加一个背景

这是一款用于美化弹窗modal背景的样式，该样式来源于其他网站并长期被作者作为modal背景使用，喜欢的自行部署吧！ [hidecontent type="reply"] 直接将下面的代码丢到：子比主题–>>自定义CSS样式即可！ /*modal弹窗背景样式huliku.com*/ #zibpay_modal, .modal-open .modal { background: url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01sHaYCQ1QbIkXDzSVg_!!2210123621994.png); backdrop-filter: blur(10px) !important; } [/hidecontent]
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 侧栏动态时钟与问候语小工具-识趣者资源

子比主题 – 侧栏动态时钟与问候语小工具

一个实用又美观的动态时钟和问候语提醒功能，不仅为博客增添人情味，还能与子比主题的深色模式完美兼容！ 代码部署 [hidecontent type="reply"] 直接将下面的代码放到：WP后台–>>外观–>>小工具–>>自定义HTML代码即可！ <div class="dynamic-greeting"> <div class="time-section"> <div class="time-display"> <span id="hours">00</span> <span class="colon">:</span> <span id="minutes">00</span> <span class="colon">:</span> <span id="seconds">00</span> </div> <div class="date-display" id="date"></div> </div> <div class="greeting-section"> <div class="greeting-text" id="greeting"></div> <div class="greeting-tip" id="tip"></div> </div>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 购买文章自动认证教程-识趣者资源

子比主题 – 购买文章自动认证教程

给子比主题购买的文章加上一个文章自动认证教程，这个功能还是比较实用的，当用户买了本篇文章之后那么将会自动认证，非常的实用，话不多说直接开始！ 代码部署 [hidecontent type="reply"] 将下面的代码放到：/wp-content/themes/zibll/func.php文件，没有这个文件自己创建一个，记得加上php头，要不然报错，将下面的代码放到里面 // 购买文章自动认证 function zibll_add_meta_box() { add_meta_box( 'zibll_auth_meta_box', '认证用户设置', 'zibll_auth_meta_box_callback', 'post', 'side' ); } add_action('add_meta_boxes', 'zibll_add_meta_box'); function zibll_auth_meta_box_callback($post) { // 获取元数据 $is_enabled = get_post_meta($post->ID, '_zibll_auth_enabled', true); $name = get_post_meta($post->ID, '_zibll_auth_name', true);...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 自带滑块验证图片修改教程-识趣者资源

子比主题 – 自带滑块验证图片修改教程

对于子比的滑动模块我们很多人都不是很喜欢自带的滑动模块的图片，接下来我来教大家怎么自...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 侧边栏动态时间小工具-识趣者资源

子比主题 – 侧边栏动态时间小工具

这是一款子比主题侧边动态时间小工具，逛博客的时候看到好看就扒来了，这个是纯时间动态，带有一些特效，非常好看，喜欢的自行部署吧 代码部署 [hidecontent type="reply"] 将下面的代码放到：WP后台->>外观–>>小工具–>>自定义HTML即可，建议放到：文章页-侧边栏 <style> .times { margin: 0; padding: 0; height: 100%; } .times2 { height: 100%; background: #fff; } .times2 svg { height: 100%; width: 100%; margin-bottom: -34px; } .words { font-size:...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – PC右下角显示网易云热评（三款）-识趣者资源

子比主题 – PC右下角显示网易云热评（三款）

给子比主题PC端右下角加一个显示网易云热评的美化样式，这个功能还是不错的，给自己的网站加上动态的网易云热评，一共是三款，喜欢的自行部署吧！ 第一款 第二款 第三款 代码部署 [hidecontent type="reply"] 喜欢哪一款放到：WP后台–>>外观–小工具–>>自定义HTML，建议放到：所有页面-底部全宽度 第一款第二款第三款 <div id="wniui-popup-window" class="wniui-show-popup-window"> <div class="wniui-popup-header"> <div class="wniui-popup-window-title">网易云热评</div> <span id="wniui-popup-username"></span> <a id="music-link" href="" target="_blank" style="position: absolute; top: 8px; right: 10px;"> <svg style="transition: .3s;height:30px;width:30px;" t="1740280523955" class="icon" viewbox="0 0...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 用户中心增加我的投诉页面（三款）-识趣者资源

子比主题 – 用户中心增加我的投诉页面（三款）

给子比用户中心加一个投诉的页面，这样就可以让很多用户可以看到自己投诉的用户什么时候能否处理好，之前就是在子比后台显示，那么让他前台也显示了一下，更美观，一共三款样式，话不多说直接开始！ 第一款 第二款 第三款 代码部署 [hidecontent type="reply"] 定位：/wp-content/themes/zibll/inc/functions/user/page.php文件，我们搜下面的函数 function zib_user_ctnter_main_tabs_array_filter_main($tabs_array) 然后在官方认证下面添加下面的代码！ $tabs_array['complaint'] = array( 'title' => '我的投诉', 'nav_attr' => 'drawer-title="我的投诉"', 'content_class' => 'complaint-settings', 'loader' => '<div class="zib-widget"> <div class="placeholder k1 mb10"></div> <div class="placeholder k1 mb10"></div>...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
 2025-12-13
子比主题 – 文本超链接美化样式-识趣者资源

子比主题 – 文本超链接美化样式

给子比主题加一个文本超链接的美化样式，我这里可能是有一些小小的问题，但是不影响使用，我留个文章当作备份一下这个代码，省的再去找，话不多说直接看演示吧！ 代码部署 [hidecontent type="reply"] 丢到：子比主题–>>自定义CSS样式即可！ @font-face { font-family: 'tengfei-font'; src: url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff2?t=1741491889382') format('woff2'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.woff?t=1741491889382') format('woff'), url('//at.alicdn.com/t/c/font_4823557_nwo4uyriby.ttf?t=1741491889382') format('truetype'); } .wp-posts-content a:not([class]),.wp-block-list a:not([class]) { color: var(--focus-color); line-height: 1.15em; padding: .1em .35em; font-size: max(.75rem,.75em); border-radius: 2em; background: var(--focus-color-opacity1) linear-gradient(var(--focus-shadow-color)...
识趣资源的头像-识趣者资源至尊会员识趣资源· 2个月前
#子比美化
1…101112131415跳转