子比美化 第2页
标签
排序
2025-12-13
评论可见
子比主题 – 给登录模块下拉菜单窗口美化-识趣者资源

子比主题 – 给登录模块下拉菜单窗口美化

给子比主题的登录模块加一个下拉的美化，这是一个窗口美化，效果是不错的，喜欢的自行部署！ 代码部署 [hidecontent type="reply"] 跟着我的教程走不会有任何问题，对于没有搞过的比较复杂，跟好我的步骤！ 我们首先到：/wp-content/themes/zibll/inc/functions/zib-header.php文件，然后搜下面的代码 signin-loader"><div class="badg mb6 toggle-radius c-blue"> 看我注释的代码，然后你也注释了，然后搜索下面的代码 $href .= '<div class="flex jsa header-user-href">'; 替换成下面的代码即可！ $href .= '<img src="https://img.alicdn.com/imgextra/i4/4035900312/O1CN01yCLjR21EAwWbIalSK_!!4035900312.png" class="mascot signin-loader"><p class="explain">主人，请点击头像登录后查看哦~</p><div class="flex jsa header-user-href">'; [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
 2026-01-13
600积分
子比主题 – 首页统计卡片小工具-识趣者资源

子比主题 – 首页统计卡片小工具

这是一款子比主题首页统计卡片小工具，可自己上传背景，背景可随页面滚动进行动态不固定也可固定设置，用了CSF配置进行新增配置，最多可加5个统计，喜欢的自行部署吧！ [hidecontent type="payshow"] 跟着我的教程走，别走偏了，先看我怎么说的，再去操作，这个小工具跟我以前发的教程一模一样首先我们第一步：/wp-content/themes/zibll/func.php文件，如果没有这个文件自己创建在子比目录创建一个，创建之后记得加php头，要不然会报错！加如下面的代码，我会详细说这个 $widgets_files = array( 'tengfei_vip_visit_card.php', /*小工具文件名*/ ); foreach ($widgets_files as $file) { require get_template_directory() . '/tengfei/widgets/' . $file; } 将上面的代码放到/wp-content/themes/zibll/func.php文件，都是一样的，看上面的代码，别看懵逼了，我们要明白这个：tengfei_vip_visit_card.php这个代码，这个代码就是代表一个小工具的名字，相当于就是用上面的代码调用的，就是如果想加第二个小工具，那就是在tengfei_vip_visit_card.php这个代码下面加一行其他小工具的别名，我说的已经很仔细了，不懂问站长，文件放底部 附件上传到：/wp-content/themes/zibll解压即可！ 子比主题 – 首页统计卡片小工具附件下载提取码8fRY [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-22
评论可见
子比主题美化 – 文章列表多种动画效果美化-识趣者资源

子比主题美化 – 文章列表多种动画效果美化

效果一（加载上浮动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUp 0.8s ease forwards}@keyframes floatUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果二（上浮弹性动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpBounce 0.9s ease forwards}@keyframes floatUpBounce{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}} [/hidecontent] 效果三（缩放旋转动画） 教程开始 将下面代码添加到自定义css代码中即可 [hidecontent type="reply"] .posts-item{animation:floatUpScale 0.7s ease forwards}@keyframes floatUpScale{0%{opacity:0;transform:translateY(30px) scale(0.9)}100%{opacity:1;transform:translateY(0) scale(1)}} [/hidecontent]...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-27
500积分
子比主题美化 - 脚页高级修改-识趣者资源

子比主题美化 – 脚页高级修改

美化简介 今天我在翻网站的时候，发现了一个很好看的尾页，就给扒了下来并且修复了一下，可能会与某些东西会有些冲突，下面是效果图 美化效果 代码教程 [hidecontent type="payshow"] 打开本主题根目录进入footer.php把下面的复制进去 <?php /* * @Author : Qinver * @Url : zibll.com * @Date : 2020-09-29 13:18:36 * @LastEditTime: 2023-09-16 13:53:11 * @Email : 770349780@qq.com * @Project : Zibll子比主题 *...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-01-30
800积分
子比主题-自定义会员开通展示 引导区块-识趣者资源

子比主题-自定义会员开通展示 引导区块

此代码可以直接调用会员开通弹窗、增加红色边框描边 代码部署 代码放至——模块配置——底部全区块或文章内容上方、文章页顶部全区块——自定义 HTML [hidecontent type="payshow"] <div class="tf-one-home-homevip" style="background-image: url(https://s41.ax1x.com/2026/01/30/pZf1M2d.png);"> <div class="one-container wrapper"> <div class="tf-one-home-title"> <span>会员尊享权益圈子</span> <p>成为我们的VIP会员，尊享无限免费下载使用，更享受全面的服务与福利</p> </div> <div class="tf-one-home-homevip-box one-grid-ceosmls one-grid"> <div id="onecad-id-1" class="tf-one-width-1-1 tf-one-width-1 b2-radius"> <div class="tf-home-homevip-boxmk tf-one-dongtai tf-one-background-default b2-radius "> <div class="">...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 1个月前
#子比美化
 2026-02-07
评论可见
子比主题-下雪特效悬浮按钮-识趣者资源

子比主题-下雪特效悬浮按钮

效果 教程 [hidecontent type="reply"] <style> /* 悬浮按钮样式 */ .snow-control { position: fixed; bottom: 30px; right: 30px; z-index: 1000; } .snow-toggle { width: 60px; height: 60px; background: linear-gradient(135deg, #4facfe, #00f2fe); border-radius: 50%; display: flex; align-items: center;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 42天前
#子比美化
 2026-02-08
评论可见
子比主题 – 多栏目文章小工具栏目标题居中显示-识趣者资源

子比主题 – 多栏目文章小工具栏目标题居中显示

演示图 教程 [hidecontent type="reply"] 原来是在左侧，加上这个代码可居中显示 .widget-tab-post.style-card.index-tab.relative-h .relative.mb20{text-align:center;} [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 42天前
#子比美化
 2026-02-25
评论可见
子比主题-首页tab栏目&多栏目小工具彩色美化-识趣者资源
子比美化

美化子比主题-首页tab栏目&多栏目小工具彩色美化

预览图 教程 [hidecontent type="reply"] 把下面代码放到子比主题->>自定义CSS样式 /*阿呆日记-TAB多栏目美化*/ .index-tab ul>li.active { background: linear-gradient(137deg,#b53ab8 0%,#ff3542 50%,#ff9f40 100%); --main-color: #fff } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 24天前
#子比美化
 2026-03-06
评论可见
子比主题 – 首页顶部搜索框美化（两款）-识趣者资源
子比美化

美化子比主题 – 首页顶部搜索框美化（两款）

给子比的顶部搜索框加一个美化，我觉得这种方形的搜索框还是比较的好看的，喜欢的自行部署吧，一共是两款美化样式！ 第一款 第二款 代码部署 [hidecontent type="reply"] CSS代码放到：子比主题–>>自定义CSS样式，JS代码放到：子比主题–>>自定义javascript代码 第一款第二款 CSS代码 .header-slider-search .line-form{ border-radius:5px; } .header-slider-search .line-form .abs-right button{ background: #0088ff; color: rgb(255, 255, 255); border-radius: 5px; margin-right: -28px; height: 51.28px; padding: 10px; border-bottom-left-radius: 0px; border-top-left-radius: 0px;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 15天前
#子比美化
 2025-12-11
评论可见
子比主题 – 文章添加更新时间（三款）-识趣者资源

子比主题 – 文章添加更新时间（三款）

这是一篇子比主题文章添加更新时间，我这里一共发两款，首先我先说一下，第二款是我自己做的样式，第一款是网上都有的，我比较推荐第二款，第三款是看网上的，因为我做的样式我觉得还是不错的，有一些人就是把东西一改就说自己写的，我什么也不说，知道就行！ 第一款 第二款 第三款 [hidecontent type="reply"] 部署之后，我先说一下很多人都说为什么在文章前面，难道不能放后面吗，可以放后面，下面两款的func文件代码里面的其中代码，如下，我们把before改成after就是文章之后显示了，学会了吧 add_action('zib_posts_content_before', 'article_time_update'); 第一款第二款第三款 定位：/wp-content/themes/zibll/func.php文件里面，没有这个文件自己创建一个，记得加上php头，要不然报错，将下面的代码放里面，CSS代码直接丢到：子比主题–>>自定义CSS样式即可！ func代码 // 文章过期提示开始第一款 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_modified_time('Y-m-d H:i:s'); $updatetime=strtotime($updated_date); $custom_content = ''; if ( $newdate > $updatetime+86400) { $custom_content= '<div...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 3个月前
#子比美化
1234…35跳转