前一阵子看到了一个令我十分惊艳的网站：https://poolsuite.net ，它在网页上做出了仿早期Apple电脑系统的效果，深得我这个怀旧爱好者的欢心。

于是便想到能不能用这样的页面来做Wordpress主题呢，只要把“应用窗口”显示的内容改成Wordpress页面内容和文章内容就好了。

在互联网上检索了一番，发现目前并没有类似的主题存在，于是我便在AI的帮助下（AI完成了许多工作）开始动手复刻。

最后的成果便是ZeruoOS，它虽然已经实现了WP的大部分基本功能，但仍然比较简陋，若有不足请多多包涵。

一、功能特性：

🖥️ 经典桌面界面

• 复刻麦金塔经典系统界面风格
• 拟物化设计元素和怀旧配色
• 像素风格图标和字体渲染

🪟 窗口管理系统

• 可拖拽、缩放的窗口
• 多窗口层叠管理

🚀 程序坞功能

• Poolsuite 风格程序坞设计
• 立体感按钮和分隔效果
• 平滑的交互动画

📱 响应式设计

• 适配不同屏幕尺寸
• 移动端友好界面

二、安装方法：

方法一：WordPress 后台安装

1. 下载主题 ZIP 文件
2. 进入 WordPress 后台 → 外观 → 主题
3. 点击"上传主题"并选择 ZIP 文件
4. 激活主题

方法二：手动安装

1. 解压主题文件到 /wp-content/themes/ 目录
2. 在 WordPress 后台激活主题

三、文件结构：

Theme/
├── index.php              # 主题主文件
├── header.php             # 头部模板
├── footer.php             # 底部模板
├── functions.php          # 功能函数
├── style.css              # 样式文件
├── js/
│   └── window-manager.js  # 窗口管理脚本
├── Poolsuite/
│   └── dock/              # 程序坞图标资源
├── screenshot.jpg         # 主题截图
└── README.md             # 说明文档

四、窗口系统

• 基于原生 JavaScript 的窗口管理器
• 事件驱动的交互逻辑

五、浏览器兼容性：

• Safari 26 ✅
• Chrome 140 ✅

六、自定义开发：

关于页面修改

• 主题默认将ID=2的页面作为“关于”页面，如若修改请修改 /js/window-manager.js 文件第634行的内容：

// 尝试从WordPress API获取页面内容（ID为2）
const response = await fetch('/wp-json/wp/v2/pages/2');

• 将代码最后的 2 改为您的关于页面ID即可。

添加新窗口类型

// 在 window-manager.js 中添加新窗口类型
const newWindow = {
    id: 'custom-window',
    title: '自定义窗口',
    content: '<div>自定义内容</div>',
    width: 600,
    height: 400
};

样式定制

/* 在 style.css 中覆盖默认样式 */
.dock-button {
    background: linear-gradient(135deg, #your-color 0%, #your-color2 100%);
}

七、开源协议及版权相关：

• 程序坞图标来自 Poolsuite
• 字体使用了 Unifont 字体
• 还有其他网络资源
• 若有侵权请联系删除

本主题基于 GPL v2.0 协议开源，欢迎二次开发。

八、支持与反馈：

如果你在使用过程中遇到问题或有改进建议，欢迎通过以下方式联系我：

• 📧 邮件支持：ZeruoChen@iCloud.com
• 🛜 主题网站：https://zeruo.net/524
• 💬 问题反馈：GitHub Issues

四、下载

项目地址：GitHub - ZeruoOS

GitHub Release 下载（1.0.0版本）：https://github.com/ZeruoChen/ZeruoOS/releases/download/1.0.0/Theme.zip

站内下载（1.0.0版本）：https://www.zeruo.net/wp-content/uploads/2025/10/Theme.zip