软件下载单页信息展示展示

软件下载单页 · 插件展示
WordPress 插件

软件下载单页

应用商店风格 · 横版卡片布局 · 下载弹窗 · 完整翻页

版本 1.0.0 独立插件 适配子比主题 Shortcode 驱动
功能特性
🃏

横版卡片布局

左图标 + 中信息 + 右下载按钮,三栏横向排列,信息密度高

🎯

指定分类筛选

后台下拉选择分类,或短代码参数直接覆盖,灵活切换

📄

完整翻页系统

采用子比主题 pagenav 翻页样式,支持上一页/下一页/页码/省略号

⬇️

下载详情弹窗

点击下载弹出详情弹窗,展示版本·大小·语言·系统·更新·简介,复用 jiuys-xiaz 弹窗样式

🔗

深度集成 jiuys-xiaz

自动读取 jiuys-xiaz 小工具写入的文章 Meta 字段(大小/版本/语言/系统/评分/下载链接),无需重复录入

🎨

智能图标获取

文章特色图 → 正文首图 → 渐变色首字占位,三层降级确保每张卡片都有视觉标识

📐

2~8 列可调

后台一键切换列数,含三级响应式(1200/992/640/420px),移动端自动缩为单列

🌙

暗色主题适配

CSS 变量驱动,自动跟随子比主题暗色模式,hover 阴影、空星颜色同步切换

星级评分展示

支持整星/半星渲染,从 jiuys-xiaz 的 jx_rating 字段读取,默认兜底 4.0 分

🔄

5 种排序模式

发布日期 / 标题 / 最后修改 / 评论数 / 随机 + 升降序切换

📊

顶部统计栏

自动显示分类名称 + 软件总数,一目了然

🧩

独立一级菜单

后台「软件下载」独立菜单(下载图标),无需找子菜单

👁️ 卡片布局预览

横版三栏卡片,3 列网格展示:

微信
微信
★★★★☆ 4.0
3MB中文版Windows
QQ
QQ
★★★★★ 5.0
128MB多国语言
钉钉
钉钉
★★★☆☆ 3.0
56MBAndroid
🚀 部署说明
  1. 上传插件
    将整个 jiuys-xiazy 文件夹上传到 /wp-content/plugins/
  2. 启用插件
    后台 → 插件 → 找到「软件下载单页」→ 点击启用
  3. 配置设置
    后台 → 软件下载 → 选择分类、设置每页数量 & 列数 → 保存
  4. 创建展示页面
    新建页面,内容区输入

    软件资源

    共 7 款软件
    纯文字下载测试

    纯文字下载测试

    3.5
    20MB 中文 Windows
    QQ

    QQ

    4.0
    带图片测试

    带图片测试

    4.5
    93MB 中文 Android
    优酷视频

    优酷视频

    4.0
    美图秀秀

    美图秀秀

    3.0
    15MB 中文 Windows
    淘宝手机客户端

    淘宝手机客户端

    4.0
    测试电脑软件下载

    测试电脑软件下载

    4.0
    → 发布
  5. (可选)填写软件信息
    编辑文章,使用「玖源社软件下载」小工具 Meta Box 填写大小/版本/语言/系统/评分
📁 文件结构
jiuys-xiazy/ ├── jiuys-xiazy.php # 插件主文件 · Shortcode · WP_Query · 弹窗 JS ├── css/ │ ├── software-style.css # 前端卡片·网格·响应式·暗色 │ └── admin-style.css # 后台设置页样式 └── includes/ └── settings.php # 后台菜单·设置字段·保存逻辑
⚙️ 后台可配置项
软件分类下拉选择 WordPress 分类(支持 ID / 名称 / Slug 解析)
每页数量1 ~ 100,默认 12
卡片列数2 ~ 8 列可选,默认 5 列
排序方式发布日期 / 标题 / 最后修改 / 评论数 / 随机 + 升降序
显示标签控制是否显示文件大小和版本信息标签
📟 短代码参考

最简用法

软件资源

共 7 款软件
带图片测试

带图片测试

4.5
93MB 中文 Android
测试电脑软件下载

测试电脑软件下载

4.0
优酷视频

优酷视频

4.0
QQ

QQ

4.0
美图秀秀

美图秀秀

3.0
15MB 中文 Windows
淘宝手机客户端

淘宝手机客户端

4.0
纯文字下载测试

纯文字下载测试

3.5
20MB 中文 Windows

使用后台设置中的分类和参数

高级参数覆盖

软件资源

共 7 款软件
纯文字下载测试

纯文字下载测试

3.5
20MB 中文 Windows
测试电脑软件下载

测试电脑软件下载

4.0
淘宝手机客户端

淘宝手机客户端

4.0
美图秀秀

美图秀秀

3.0
15MB 中文 Windows
QQ

QQ

4.0
带图片测试

带图片测试

4.5
93MB 中文 Android
优酷视频

优酷视频

4.0
cat分类 ID 或 Slug,覆盖后台设置
per_page每页数量,覆盖后台设置
🔗 数据流 — jiuys-xiaz 集成

插件不创建自己的 Meta Box,所有软件信息直接读取 jiuys-xiaz 小工具写入的 Post Meta:

jx_size文件大小 → 卡片标签区
jx_language语言 → 卡片标签区
jx_system系统 → 卡片标签区
jx_rating评分 (1~5) → 星级渲染
jx_download_url下载链接 → 弹窗「立即下载」按钮
jx_version版本号 → 弹窗详情
jx_update_date更新日期 → 弹窗详情
jx_desc简介 → 弹窗详情
📱 响应式断点
> 1200px完整列数(2~8 列自选)
992 ~ 1200px7~8 列 → 4 列,其余不变
640 ~ 992px所有列 → 3 列
< 640px3 列 → 2 列,图标缩放至 56px,字号缩小
< 420px2 列 → 1 列全宽
🎨 图标渐变色板(10 色自动轮换)
#667eea → #764ba2 #f093fb → #f5576c #4facfe → #00f2fe #43e97b → #38f9d7 #fa709a → #fee140 #a18cd1 → #fbc2eb #fccb90 → #d57eeb #e0c3fc → #8ec5fc #f5576c → #ff6f91 #30cfd0 → #330867

根据文章 ID 取模自动分配,无需手动设置,每个卡片天然不重复。

🧩 依赖与兼容性
WordPress5.0+
PHP7.4+
推荐主题子比主题(zibll 8.x)— 样式变量完全兼容
必须插件jiuys-xiaz(提供软件信息 Meta 字段)
其他主题✅ 可独立运行,仅缺失 .theme-box/.main-shadow 类名
弹窗样式自动检测 jiuys-xiaz CSS 并加载,未激活时不报错
快速命令清单

软件资源

共 7 款软件
测试电脑软件下载

测试电脑软件下载

4.0
QQ

QQ

4.0
淘宝手机客户端

淘宝手机客户端

4.0
带图片测试

带图片测试

4.5
93MB 中文 Android
纯文字下载测试

纯文字下载测试

3.5
20MB 中文 Windows
美图秀秀

美图秀秀

3.0
15MB 中文 Windows
优酷视频

优酷视频

4.0
# 默认后台配置

软件资源

共 7 款软件
QQ

QQ

4.0
纯文字下载测试

纯文字下载测试

3.5
20MB 中文 Windows
美图秀秀

美图秀秀

3.0
15MB 中文 Windows
淘宝手机客户端

淘宝手机客户端

4.0
测试电脑软件下载

测试电脑软件下载

4.0
优酷视频

优酷视频

4.0
带图片测试

带图片测试

4.5
93MB 中文 Android
# 按分类名称
📦

该分类下暂无软件。

# 按分类ID + 每页20

未找到指定的分类。

# 按 Slug + 每页8
© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容