侧边栏壁纸
博主头像
blogger UID:1

  • 累计撰写 40 篇文章
  • 累计收到 2 条评论

JZ 资源下载引导插件 - 子比主题专属下载引导工具

blogger UID:1
2026-5-15 0 评论 1 阅读

一、插件简介

JZ 资源下载引导插件是一款专为子比主题设计的资源下载引导工具,支持文章顶部和侧边栏两种显示方式,内置丰富的动画效果和样式选项。

二、核心功能(表格排版)

功能分类具体内容
2.1 双模式显示文章顶部模式:在文章正文上方显示下载引导卡片,适合大部分使用场景 侧边栏模式:在侧边栏显示下载引导卡片,支持侧栏随动效果,始终显示在用户视野中
2.2 丰富样式选项按钮渐变背景:
🔵 默认半透明白色、
💙 渐变1-蓝紫色系、
💗 渐变2-粉橙色系、
💚 渐变3-绿青色系、
🌈 渐变4-彩虹色系、
🧡 渐变5-金橙色系
文字渐变效果:
💛 渐变1-金色扫光、
💜 渐变2-紫粉扫光、
💙 渐变3-蓝绿扫光、
🧡 渐变4-橙红扫光、
🌈 渐变5-彩虹扫光
卡片主题:
🟢 VIP1 (青绿)、
🔵 VIP2 (蓝色)、
🟣 渐变系列(蓝绿/紫粉/橙红/彩虹/极光)、
⬜ 玻璃拟态
2.3 动画效果✨ 流动光效 - 白色光带从左到右流动
🎊 粒子装饰 - 白色粒子从下往上浮动
💧 水波纹效果 - 点击按钮时显示水波纹
🌀 渐变动画 - 背景渐变颜色旋转
2.4 响应式设计✅ 完美适配手机端和 PC 端
✅ 手机端可单独控制标题/描述显示
✅ 按钮位置优化,避免被遮挡
✅ 自动适配深色/浅色模式

三、安装教程(表格排版)

教程分类具体步骤
3.1 下载插件获取插件文件:jz-resource-download.php
3.2 安装步骤(方法一:后台上传安装,推荐)第一步:进入插件管理 → WordPress 后台 → 插件 → 安装插件 → 上传插件 第二步:上传文件 → 选择 jz-resource-download.php 文件,点击"现在安装" 第三步:激活插件 → 安装完成后点击"激活插件"
3.2 安装步骤(方法二:FTP 上传安装)第一步:连接 FTP → 使用 FTP 工具连接服务器 第二步:上传文件 → 路径:/wp-content/plugins/ 第三步:激活插件 → WordPress 后台 → 插件 → 找到插件 → 激活

四、基础配置

4.1 快速配置

1. 进入设置 WordPress 后台 → 设置 → JZ资源下载

2. 选择显示位置 - 不显示:插件全局不显示 - 文章顶部:在文章内容顶部显示(推荐) - 侧边栏:在侧边栏显示(需配合小工具)

3. 设置内容 - 模块标题:例如"资源下载区" - 模块描述:例如"点击下方按钮快速获取资源" - 按钮文字:例如"资源下载直达" - 上传头像图标(可选)

4. 选择样式 - 按钮渐变背景:选择喜欢的渐变颜色 - 文字渐变效果:选择文字扫光效果 - 卡片主题:选择整体主题色

5. 开启动画 根据需要开启:流动光效、粒子装饰、水波纹效果等

6. 保存设置 点击页面底部的"保存设置"按钮

4.2 手机端优化

建议设置: ❌ 关闭"手机版显示标题" ❌ 关闭"手机版显示描述"

效果: ✅ 按钮更显眼 ✅ 不被内容遮挡 ✅ 提高点击率

五、短代码使用

5.1 手动插入卡片

如果您想在特定位置手动插入下载引导卡片,可以在主题文件中添加代码:

在文章模板中插入(PHP 方式):

<?php echo do_shortcode('[jz_resource_download]'); ?>

在文章内容中插入(编辑器方式):

[jz_resource_download]

5.2 指定显示类型

- 显示文章顶部样式: [jz_resource_download type="normal"]

- 显示侧边栏样式: [jz_resource_download type="sidebar"]

5.3 启用侧栏随动

[jz_resource_download type="sidebar" affix="true"]

5.4 自定义内容

[jz_resource_download title="自定义标题" desc="自定义描述" btn_text="自定义按钮"]

六、侧边栏小工具

6.1 添加小工具

1. 进入小工具管理 WordPress 后台 → 外观 → 小工具

2. 添加小工具 找到"JZ 资源下载引导"小工具,拖拽到侧边栏位置

3. 配置小工具 - 小工具标题:设置标题(可选) - 侧栏随动:勾选后卡片跟随滚动

6.2 注意事项

- ⚠️ 必须在后台选择"侧边栏"显示位置 - ⚠️ 样式配置在后台统一设置 - ⚠️ 不要添加多个相同小工具

感谢使用 JZ 资源下载引导插件!

如有问题或建议,欢迎访问官网联系作者。

祝您使用愉快! 🎊

评论一下?

OωO
取消
回复评论
编辑评论
编辑评论