子比美化 第7页
标签
排序
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]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2026-02-27
评论可见
子比美化-彩色文字跳动特效代码（两款）-识趣者资源
子比美化

美化子比美化-彩色文字跳动特效代码（两款）

本文提供两款彩色文字特效代码,根据个人喜好自行选择部署,可以放在页脚底部或者文章底部版权位置 效果演示① 识趣资源https://47zhe.cn 本站致力于分享优质实用的互联网资源，内容包括有网站搭建、建站源码、样式特效、主题美化、实用工具、素材资源、技术教程，致力打造一个IT博客！B)[ var chakhsu = function (r) { function t() { return b[Math.floor(Math.random() * b.length)] } function e() { return String.fromCharCode(94 * Math.random() + 33) } function n(r) { for (var n =...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2026-02-27
150积分
子比主题-添加一个弹窗猫耳朵-识趣者资源
子比美化

美化子比主题-添加一个弹窗猫耳朵

效果图 代码部署 [hidecontent type="payshow"] 放到后台自定义CSS即可 .modal-open .modal::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #ff6ac3; -webkit-mask: url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260227124410561-20250617143848171.png) no-repeat center/contain; mask: url(https://oss.14wl.cn/wp-content/uploads/2026/02/20260227124410561-20250617143848171.png) no-repeat center/contain; z-index: -1; } [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2026-02-27
388积分
子比主题 – 文章列表渐变过渡美化（两款）-识趣者资源
子比美化

美化子比主题 – 文章列表渐变过渡美化（两款）

这是给子比主题添加的两款文章列表渐变过渡美化，刚开始是今一单独只做了列表模式，我又重新适配了一下卡片模式，两种模式的代码不同我这里也分开放了，同时也适配了黑夜模式，话不多说喜欢的自行部署吧！ 演示图 卡片模式 列表模式 部署教程 [hidecontent type="payshow"] 列表模式卡片模式 子比主题–>>自定义CSS样式即可！颜色可在CSS里自行调整，该款为列表模式 .posts-item.list.ajax-item.flex { position: relative; overflow: hidden; padding-right: 15px; border-color: #ffdd44; transition: border-color 0.5s ease, box-shadow 0.5s ease; } .posts-item.list.ajax-item.flex::after { content: ""; opacity: 0.2; position: absolute;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2026-02-27
500积分
子比主题-添加一段透明的防红代码-识趣者资源
子比功能

功能子比主题-添加一段透明的防红代码

效果图 部署教程 [hidecontent type="payshow"] 将以下代码插入子比后台-外观-主题文件编辑器-header.php中保存在第一个<head>前一行即可 <!-- 子比主题防红模块 - 插入到header.php中 --> <style> #zibAntiRedLayer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.92); z-index: 99999; display: none; flex-direction: column; align-items: center; justify-content: center;...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2026-02-27
200积分
子比美化 – 用户中心添加最后登录时间显示-识趣者资源
子比美化

美化子比美化 – 用户中心添加最后登录时间显示

效果图 子比主题用户中心添加最后登录时间显示，可以让用户知道最后登录时间，避免账号异常登录 效果也可见本站用户中心页面 代码教程 按路径/wp-content/themes/zibll/inc/functions/user/找到page.php文件 然后添加下面代码即可 [hidecontent type="payshow"] $desc .= '<span class="but c-theme" data-toggle="tooltip" title="" data-clipboard-tag="最后登录时间" data-clipboard-text="' . get_user_meta($user_id, 'last_login', true) . '" data-original-title="最后登录时间"><i class="fa fa-id-card-o"></i>最后登录时间：' . get_user_meta($user_id, 'last_login', true) . '</span>'; 位置 [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2026-02-27
1
子比主题美化 – 主题内置的图标美化版新版已适配-识趣者资源
子比美化

美化子比主题美化 – 主题内置的图标美化版新版已适配

前言 因为之前发过一个内置图标美化的文章 但是在子比V8.3版本以上使用后会有一些新增的图标没有添加进去，例如商城的购物车等部分 适配了下子比V8.3版本了。效果图只放了部分效果 实际美化图标大约90个左右 效果图 教程开始 将下面js文件替换/wp-content/themes/zibll/js/svg-icon.js文件即可 替换后记得刷新缓存查看效果 或者直接把下面代码添加到func.php [hidecontent type="payshow"] function icon_new_js(){ wp_enqueue_script( 'sc-icon', 'https://47zhe.cn/demo/svg-icon.js', array(), true ); }add_action( 'wp_footer', 'icon_new_js' ); 20260227120416293-svg-icon.zip下载zip文件93.1K [/hidecontent]
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2026-02-27
5
子比主题-付费记录滚动公告小工具-识趣者资源
子比工具

功能子比主题-付费记录滚动公告小工具

效果图 代码部署 [hidecontent type="payshow"] 在路径 wp-content/themes/zibll新建php文件。命名为 mx_user_info.php将下面的代码复制进去。 <?php Zib_CFSwidget::create('dp_widget_ui_user_lists', array( 'title' => 'LS 滚动小工具', 'zib_title' => true, 'zib_affix' => true, 'zib_show' => true, 'size' => 'mini', 'description' => '', 'fields' => array( ), )); function...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 22天前
#子比美化
 2026-02-26
评论可见
子比美化-文章列表果冻弹跳效果-识趣者资源
美化样式

美化子比美化-文章列表果冻弹跳效果

给网站添加一个鼠标放到文章上会有一个果冻弹跳的效果，主的看上去还是很好玩的，实现这个效果只需要一个CSS即可。 图片展示 教程开始 将下面代码放到主题设置里的自定义CSS即可 [hidecontent type="reply"] .posts.posts-item.card.ajax-item:hover { -webkit-animation: jumps-data-v-6bdef187 1.2s ease 1; animation: jumps-data-v-6bdef187 1.2s ease 1; } @-webkit-keyframes jumps-data-v-6bdef187 { 0% { transform: translate(0); } 10% { transform: translateY(5px) scaleX(1.2) scaleY(0.8); } 30%...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 23天前
#子比美化
 2026-02-26
免费
评论可见
子比主题美化 – 首页排行榜-识趣者资源
子比页面

功能子比主题美化 – 首页排行榜

网站设立排行榜的好处多种多样，以下是一些可能的好处： 提升用户体验：排行榜可以提供用户感兴趣的内容，让用户更方便地找到他们想要的信息。这种互动形式可以吸引用户的注意力，提高用户在网站上的停留时间和页面浏览量。 增加网站流量：排行榜往往会吸引用户的点击，从而增加网站的访问量。这有助于提高网站的曝光度和知名度。 引导用户行为：通过设立不同的排行榜，网站可以引导用户的行为，比如鼓励用户参与某种活动，或者推广某种产品。 建立品牌形象：排行榜也是展示网站或品牌形象的一种方式。例如，如果一个网站的音乐排行榜总是能引领潮流，那么这个网站就会被认为是音乐领域的权威。 促进内容创新：为了能在排行榜上获得好名次，内容创作者可能会努力创作更优质的内容。这有助于促进网站内容的创新和提升。 增加广告收入：如果排行榜吸引了大量的用户关注，那么网站就可以通过出售广告位来增加收入。 总的来说，设立排行榜可以根据你的需求和目标来提升网站的整体质量和用户体验，从而增加网站的流量和收入。 教程 [hidecontent type="reply"] 在主题的func.php中引入 //排行榜 function get_post_thumbnail_url($post_id) { $thumbnail_url = get_the_post_thumbnail_url($post_id, 'thumbnail'); if (empty($thumbnail_url)) { $content = get_post_field('post_content', $post_id); if (strpos($content, '<img') !== false) { preg_match('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $content,...
识趣资源的头像-识趣者资源
至尊会员识趣资源· 23天前
#子比美化
1…56789…35跳转