欢迎来到渡漳网
开通会员 尊享会员权益
登录
注册
找回密码
快速登录
QQ登录
微信登录
码云登录
发布
发布文章
创建话题
创建港湾
发布帖子
开通会员
逐浪者
免费资源每日下载：88次/天
付费资源下载限速：2MB/s
广告体验：无广告
专属身份标识：蓝色徽章
专属资源抢先看
优先客服服务
开通逐浪者
掌潮者
免费资源每日下载：999次/天
付费资源下载限速：不限速
广告体验：无广告
专属身份标识：炫彩徽章
专属资源抢先看
优先客服服务
开通掌潮者
简体中文
繁体中文
English
日本語
한국어
Français
Italiano
Deutsch
Русский
首页
分类
源码
开源项目
网站源码
游戏源码
软件源码
建站模板
前端模板
后端框架
教程
AI教程
健康教程
创业教程
国学教程
家庭教程
电商教程
综合教程
软件
办公软件
影音软件
剪辑软件
图像软件
编程软件
系统软件
综合软件
游戏
角色扮演
动作冒险
射击枪战
模拟经营
策略战棋
休闲益智
特色游戏
工具
PDF工具
SQL查询
魂斗罗
点餐助手
QQ号评估
更多
用户认证
创作中心
下载中心
历史文章
用户协议
隐私协议
部落
市集
指南
捷径
简体中文
繁体中文
English
日本語
한국어
Français
Italiano
Deutsch
Русский
首页
分类
活动线报
系统源码
自学教程
绿色软件
热门游戏
更多信息
部落
市集
指南
捷径
开通会员 尊享会员权益
登录
注册
找回密码
快速登录
QQ登录
微信登录
码云登录
Zibll
共25篇
分类
源码
教程
软件
游戏
资源
排序
发布
更新
浏览
点赞
评论
收藏
售价
积分
销量
随机
2020-05-08
05-08
Zibll子比主题网站动态标题教程
本文介绍如何为子比主题网站添加动态标题效果。通过一行 JavaScript 代码监听用户页面可见性变化，实现离开页面时标题改变、返回页面时标题恢复的交互效果。所有修改均在主题后台的自定义代码中完成，无需修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用 Zibll 子比主题并希望增加网站趣味交互的 WordPress 站长 Zibll子比主题网站动态标题教程 核心价值：通过极简的 JavaScript 代码，为网站增加动态标题交互效果，提升用户停留意愿和浏览趣味性。 Zibll子比主题网站动态标题教程 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题文件：代码通过主题后台的自定义 JavaScript 功能添加，升级主题时效果不会丢失。 操作入口：WordPress 后台 → 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义JavaScript代码」。 代码说明：动态标题效果依赖 visibilitychange 事件监听，当用户切换到其他标签页或最小化浏览器时触发。 备份建议：在添加任何自定义代码前，建议先备份网站。 核心 JavaScript 代码 以下是实现动态标题效果的核心代码，直接复制粘贴即可使用： [hidecontent type="reply"] // 网站动态标题开始 渡漳网 www.dzcrv.com var OriginTitile...
子比文档
子比主题
1个月前
0
931
108
2020-05-19
05-19
Zibll子比主题添加热门标签页面教程
本文介绍如何为子比主题添加一个独立的热门标签页面。核心方法是通过在主题的 pages 目录下创建一个自定义页面模板文件，然后在WordPress后台新建页面并应用该模板。最终效果是生成一个美观的标签云页面，提升用户浏览体验和网站SEO效果。所有操作均不涉及修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用Zibll子比主题并希望增加标签聚合页面的WordPress站长 核心价值：通过简单的几步操作，为网站创建一个独立的热门标签云页面，提升内容导航效率和SEO表现。 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题核心文件：通过创建新的页面模板文件实现，升级主题时自定义模板不会丢失。 操作涉及文件： 需要在主题目录下新建PHP文件：/wp-content/themes/zibll/pages/hot_tags.php 文件管理方式：推荐使用宝塔面板、WinSCP等工具进行文件管理，也可通过WordPress后台的“主题文件编辑器”操作。 备份建议：在创建或修改任何文件前，建议先备份网站。 核心操作步骤 第一步：创建自定义页面模板 方法一：通过文件管理器创建（推荐） 使用宝塔面板、WinSCP或主机自带的文件管理器，进入网站根目录。 依次进入 /wp-content/themes/zibll/pages/ 文件夹。 在该文件夹下新建一个PHP文件，命名为 hot_tags.php。 将以下代码完整复制并粘贴到 hot_tags.php 文件中： [hidecontent type="reply"] <?php /** * Template name: 渡漳网-热门标签页面-www.dzcrv.com * Description: 独立的热门标签云展示页面 */ get_header();...
子比文档
子比主题
1个月前
0
965
108
2020-05-09
05-09
Zibll子比主题头像晃动教程
本文介绍多种为子比主题头像添加晃动/动画效果的方法：头像左右晃动、头像上下浮动、头像呼吸光环+悬停旋转放大、头像分割特效。所有方法均通过CSS实现，无需修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用 Zibll 子比主题并希望为用户头像增加动态视觉效果的 WordPress 站长 核心价值：通过多种CSS方案，为网站用户头像增加晃动、浮动、呼吸光环等动态特效，提升页面趣味性和视觉吸引力。 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题文件：所有效果均通过后台自定义CSS实现，升级主题时效果不会丢失。 操作入口：WordPress后台 → 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义CSS样式」。 生效范围：以下CSS代码针对的是 .avatar 类，即网站中所有显示用户头像的位置（如评论列表、用户中心等）。 备份建议：在添加任何自定义代码前，建议先备份网站。 方案一：头像左右晃动（刷新自动晃动） 这个方案能让头像在页面加载后自动左右晃动，每次刷新页面都会触发晃动效果。 Zibll子比主题头像左右晃动（刷新自动晃动）晃动教程 操作步骤 在 「自定义CSS样式」 中粘贴以下代码： [hidecontent type="reply"] /* 头像左右晃动 - 来自渡漳文档网 - www.dzcrv.com */ .avatar { animation: shake 2s ease-in-out infinite;...
子比文档
子比主题
1个月前
0
929
108
2020-05-20
05-20
Zibll子比主题手机左侧菜单添加背景图片教程
本文介绍如何通过CSS代码为子比主题的手机左侧菜单添加背景图片。核心是使用 background-image 属性为 .mobile-navbar 设置背景图，配合 background-size: cover 实现图片自适应铺满，并可叠加半透明渐变层提升文字可读性。所有修改均在后台自定义CSS中完成，无需修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用Zibll子比主题并希望美化手机端菜单的WordPress站长 核心价值：通过简单的CSS代码，为手机左侧菜单增加背景图片，提升移动端视觉体验和品牌调性。 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题文件：所有效果均通过后台自定义CSS实现，升级主题时效果不会丢失。 操作入口：WordPress后台 → 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义CSS样式」。 准备工作：提前准备好一张背景图片，并获取图片的URL地址（可上传至媒体库后复制链接）。 备份建议：在添加任何自定义代码前，建议先备份网站。 完整CSS代码 以下是实现手机左侧菜单背景图片的核心代码，直接复制粘贴即可使用： [hidecontent type="reply"] /* 手机左侧菜单背景图片 - 来自渡漳文档网 - www.dzcrv.com */ @media (max-width: 767px) { .mobile-navbar.show, .mobile-navbar.left { background-size: cover; background-repeat: no-repeat; background-position:...
子比文档
子比主题
1个月前
0
963
108
2020-05-10
05-10
Zibll子比主题自定义鼠标样式教程
本文介绍多种为子比主题网站自定义鼠标样式的方法：一是使用CSS预设的鼠标样式值快速修...
子比文档
子比主题
1个月前
0
927
108
2020-05-21
05-21
Zibll子比主题评论框添加背景图片教程
本文介绍如何通过CSS代码为子比主题的评论输入框添加背景图片。核心是使用 background 属性为 textarea#comment 设置背景图，配合背景定位实现图片在输入框右下角显示，并可叠加透明渐变层提升文字输入区域的可读性。所有修改均在后台自定义CSS中完成，无需修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用Zibll子比主题并希望美化评论区的WordPress站长 核心价值：通过简单的CSS代码，为评论输入框添加背景图片，让评论区更具个性与视觉吸引力。 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题文件：所有效果均通过后台自定义CSS实现，升级主题时效果不会丢失。 操作入口：WordPress后台 → 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义CSS样式」。 准备工作：提前准备好一张背景图片，并获取图片的URL地址（可上传至媒体库后复制链接）。 备份建议：在添加任何自定义代码前，建议先备份网站。 完整CSS代码 以下是实现评论框背景图片的核心代码，直接复制粘贴即可使用： [hidecontent type="reply"] /* 评论框背景图片 - 来自渡漳文档网 - www.dzcrv.com */ textarea#comment { background-color: transparent; background: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),...
子比文档
子比主题
1个月前
0
966
108
2020-05-11
05-11
Zibll子比主题自定义字体教程
本文介绍两种为子比主题网站自定义字体的方法：一是使用系统自带的通用字体，无需额外资源，简单快捷；二是上传自定义字体文件（如.woff2、.ttf），实现更丰富的个性化效果。所有修改均在主题后台的自定义CSS中完成，无需修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用 Zibll 子比主题并希望优化网站字体视觉的 WordPress 站长 核心价值：通过CSS @font-face 规则或直接修改 font-family 属性，为网站全局或特定区域更换字体，提升阅读体验和品牌调性。 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题文件：所有效果均通过后台自定义CSS实现，升级主题时效果不会丢失。 操作入口：WordPress后台 → 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义CSS样式」。 两种方式： 方式一（系统字体） ：直接使用 Windows/macOS 系统自带的字体（如宋体、楷体、微软雅黑等）。 方式二（自定义字体文件） ：上传字体文件到服务器，通过 @font-face 规则引入。 备份建议：在添加任何自定义代码前，建议先备份网站。 方式一：使用系统自带字体（最简单） 如果只是想将网站字体更换为系统自带的常用字体（如宋体、楷体、黑体、微软雅黑等），无需上传任何文件，直接通过CSS指定即可。 操作步骤 在 「自定义CSS样式」 中粘贴以下代码： [hidecontent type="reply"] /* 全局字体设置为楷体 - 来自渡漳文档网 - www.dzcrv.com */ body { font-family: 楷体,...
子比文档
子比主题
1个月前
0
927
108
2020-05-22
05-22
Zibll子比主题彩色随机标签云按钮美化教程
本文介绍如何通过CSS代码为子比主题侧边栏的标签云小工具添加彩色随机效果。核心是使用 .widget-tag-cloud.fixed-width .but 选择器为每个标签按钮分配红、橙、绿、蓝、灰等不同背景色，配合 :hover 伪类实现悬停变色效果，让原本单调的标签列表呈现多彩方块化视觉风格。所有修改均在后台自定义CSS中完成，无需修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用Zibll子比主题并希望美化侧边栏标签云的WordPress站长 核心价值：通过简单的CSS代码，为标签云按钮添加彩色背景和悬停交互效果，让网站侧边栏更活泼、更具视觉吸引力。 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题文件：所有效果均通过后台自定义CSS实现，升级主题时效果不会丢失。 操作入口：WordPress后台 → 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义CSS样式」。 前置条件：需要先在侧边栏添加 「Zibll标签云」 小工具，并设置为 “固定宽度” 模式。 备份建议：在添加任何自定义代码前，建议先备份网站。 核心CSS代码 以下是实现彩色随机标签云按钮效果的核心代码，直接复制粘贴即可使用： [hidecontent type="reply"] /* 标签云彩色方块美化 - 来自渡漳文档网 - www.dzcrv.com */ .widget-tag-cloud.fixed-width .but:hover { opacity: 1; } .widget-tag-cloud.fixed-width .but...
子比文档
子比主题
1个月前
0
964
108
2020-05-04
05-04
Zibll子比主题文章标签美化教程
本文详细介绍如何通过CSS代码美化 Zibll 子比主题的文章标签与侧边栏标签云，涵盖文章标签随机彩色效果、标签云方形美化、悬停动画效果等多种方案，并指导用户完成从后台配置到效果验证的完整流程，帮助站长快速提升网站视觉层次感。 适用人群：使用 Zibll 子比主题并希望提升网站视觉细节的 WordPress 站长 核心价值：通过轻量级CSS代码，为文章标签和侧边栏标签云增加彩色、方块化、悬停动画等视觉效果，让网站细节更专业、布局更美观。 操作前准备 在开始美化之前，需要先确认以下几点： 无需修改主题文件：所有美化效果均通过后台自定义CSS实现，升级主题时样式不会丢失。 操作入口统一：所有CSS代码均添加至 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义CSS样式」 中。 备份建议：在添加任何自定义代码前，建议先备份网站，以防万一。 测试建议：添加代码后，建议先在前台刷新页面查看效果，如有异常可随时删除或调整代码。 方案一：文章标签随机彩色效果（热门推荐） 此方案能为每篇文章的标签随机分配不同颜色，让文章列表看起来更活泼、有层次感。 效果说明 每个标签使用红、橙、绿、蓝、灰五种颜色循环显示，鼠标悬停时变为深色。 Zibll子比主题文章标签美化教程 操作步骤 登录 WordPress 后台，进入 「Zibll子比主题」→「主题设置」。 在左侧菜单找到 「全局&功能」，点击 「自定义代码」 选项卡。 在 「自定义CSS样式」 的文本框中，粘贴以下CSS代码： [hidecontent type="reply"] /* 文章随机彩色标签 - 来自渡漳技术文档网 - www.dzcrv.com */...
子比文档
子比主题
1个月前
0
927
1108
2020-05-12
05-12
Zibll子比主题底部蓝色波浪教程
本文详细介绍为子比主题网站底部添加蓝色波浪的多种实现方法：一是通过 CSS + HTML 手动添加波浪代码；二是利用主题自带的小工具快速部署；三是部署自适应滚动波浪效果。所有修改均在主题后台或小工具中完成，无需修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用 Zibll 子比主题并希望美化网站底部页脚的 WordPress 站长 核心价值：通过 CSS 动画或 SVG 技术，为网站底部增加动态波浪效果，让页面过渡更自然、视觉层次更丰富。 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题核心文件：所有效果均可通过主题后台自定义代码或小工具实现，升级主题时效果不会丢失。 操作入口： CSS 代码：WordPress 后台 → 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义CSS样式」 HTML 代码：可放入主题目录的 footer.php 文件中，或通过小工具添加 HTML 代码：WordPress 后台 → 「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义底部HTML代码」 备份建议：在修改 footer.php 文件前，建议先备份网站。 方案一：CSS + HTML 部署蓝色波浪（通用） 这是最常用的方法，通过添加自定义 CSS 和...
子比文档
子比主题
1个月前
0
932
108
2020-05-23
05-23
Zibll子比主题文章底部增加商业版权声明教程
本文详细介绍如何在Zibll子比主题文章底部添加商业版权声明。核心方法是利用子比主题自带的 “版权提示内容” 功能，在主题后台粘贴HTML代码即可快速实现。同时提供进阶方案：通过插件实现盲水印等高级版权保护功能，以及通过自定义代码为每篇文章单独控制版权显示开关。所有修改均无需修改主题核心文件，升级主题时效果不会丢失。 适用人群：使用Zibll子比主题并希望保护文章版权的WordPress站长 核心价值：通过三种灵活的方式，为文章底部添加专业、美观的版权声明，明确转载规则，保护原创内容。 操作前准备 在开始配置之前，需要先确认以下几点： 无需修改主题核心文件：方法一和方法三均通过主题后台设置或自定义代码实现，升级主题时效果不会丢失。 操作入口： 方法一（主题内置） ：WordPress后台 → 「Zibll子比主题」→「主题设置」→「文章&列表」→「文章页面」→「版权提示内容」 方法二（盲水印插件） ：WordPress后台 → 「插件」→「安装插件」 方法三（自定义代码） ：将代码放置于主题目录下的 func.php 文件中 备份建议：在修改任何文件或添加代码前，建议先备份网站。 方法一：通过主题内置功能添加版权声明（最推荐） 这是最便捷的方法，无需安装插件或修改代码，直接在子比主题后台添加HTML代码即可。 操作步骤 登录WordPress后台。 进入 「Zibll子比主题」→「主题设置」。 在左侧菜单找到 「文章&列表」，点击 「文章页面」 选项卡。 向下滚动，找到 「版权提示内容」 设置项。 将下方的HTML代码复制粘贴到该文本框中。 点击页面底部的...
子比文档
子比主题
1个月前
0
965
108
2020-05-06
05-06
Zibll子比主题网站菜单图标美化旋转教程
本文详细介绍如何为 Zibll 子比主题的导航菜单图标添加旋转动画效果，涵盖利用 Font Awesome 内置 fa-spin 类实现持续旋转、通过自定义CSS实现鼠标悬停旋转等多种方案，并指导用户完成从菜单图标设置到效果验证的完整流程，帮助站长快速提升网站菜单的视觉动感。 适用人群：使用 Zibll 子比主题并希望提升网站菜单视觉效果的 WordPress 站长 核心价值：通过极简的代码配置，为导航菜单图标增加旋转动画，让网站细节更生动、交互反馈更丰富。 操作前准备 在开始美化之前，需要先了解以下几点： 图标来源：子比主题已集成 Font Awesome 4.7 图标库，无需安装任何插件即可在菜单中使用 Font Awesome 图标。 无需修改主题文件：所有美化效果均通过菜单设置或后台自定义CSS实现，升级主题时样式不会丢失。 操作入口： 菜单图标设置：WordPress后台 → 「外观」→「菜单」 自定义CSS：「Zibll子比主题」→「主题设置」→「全局&功能」→「自定义代码」→「自定义CSS样式」 备份建议：在添加任何自定义代码前，建议先备份网站，以防万一。 方案一：使用 Font Awesome 内置旋转类（持续旋转） 这是最简单快捷的方案，利用 Font Awesome 图标库内置的 fa-spin 类，让菜单图标持续旋转。...
子比文档
子比主题
1个月前
0
929
1108
加载更多
