manifest / integrations / kina-steam-integration
Kina Steam Integration
一个为 WordPress 打造的 Steam 集成插件,支持展示个人资料、游戏库和实时在线状态,采用磨砂玻璃 UI 设计。
by Kina · github.com/muyi3919/kina-steam-integration · website
★ 2stars
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/muyi3919/kina-steam-integration/archive/refs/heads/main.zipFrom the readme
🎮 Kina Steam Integration
一个为 WordPress 打造的 Steam 集成插件,支持展示个人资料、游戏库和实时在线状态,采用磨砂玻璃 UI 设计。
✨ 特性
- 🪟 磨砂玻璃界面 - 现代毛玻璃质感设计
- 🎮 实时状态显示 - 显示"游戏中 - 游戏名",30秒自动刷新
- 🖼️ 竖屏游戏封面 - 600x900 高清封面,悬停放大效果
- 📚 完整游戏库 - 展示所有游戏,支持时长统计
- 🎨 Steam 头像框 - 自动获取并显示头像框
- 📊 Steam 等级 - 显示用户等级徽章
- 🔄 自动更新 - 定时任务每5分钟刷新数据
📦 安装
1. 创建插件文件夹
在 wp-content/plugins/ 下创建:
2. 复制代码
将对应代码复制到每个文件中。
3. 激活插件
进入 WordPress 后台 → 插件 → 安装插件 → 激活 "Kina Steam Integration"。
4. 配置 Steam
1. 获取 Steam API Key:https://steamcommunity.com/dev/apikey
- 域名填写你的网站地址,如 https://kina.ink
2. 进入插件设置页面(左侧菜单 🎮 Steam 集成)
3. 填写:
- Steam API Key:复制的 API Key
- Steam 自定义 URL:你的 Steam 个人资料链接后缀
例如你的资料链接是 steamcommunity.com/id/kina,则填写 kina
4. 点击"保存设置",然后点击"测试 API 连接"确认正常
5. 设置 Steam 隐私(重要)
编辑 Steam 个人资料 → 隐私设置 → 游戏详情 → 公开
否则游戏库无法显示。
📝 短代码
[kinasteamprofile] - 完整个人资料
显示头像、等级、在线状态、最近游戏。
效果:
- 磨砂玻璃卡片
- Steam 头像框(如果有)
- 等级徽章(金色 Lv.XX)
- 游戏中状态(绿色脉冲动画)
- 4个最近游戏(竖屏封面)
[kinasteamlibrary] - 游戏库
显示所有游戏,竖屏封面网格。
参数:
| 参数 | 默认值 | 说明 |
|------|--------|------|
| showplaytime | true | 是否显示游戏时长 |
| showrecent | true | 是否标记最近游戏 |
| columns | auto | 列数(如 columns="4")|
示例:
效果:
- 头部显示游戏总数和总时长
- 竖屏封面(2:3比例)
- "最近"标签(绿色)
- 时长角标(超过10小时)
- 悬停显示"