一款复刻经典麦金塔系统界面的 WordPress 主题,怀旧、简洁、功能实用、体验独特。
-
你可以前往 Github Release 下载最新版本
-
使用 WordPress 后台主题上传功能进行安装
-
主题演示:查看
demo.html文件了解主题效果 -
主题交流:GitHub Issues 提交问题或建议
-
如果在使用过程中遇到了任何问题,请先查看主题文件中的说明文档
-
在确认你遇到的现象确实是一个 Bug 后,请在 Issues 提交问题,并为该问题尽可能的描述清楚,谢谢配合。
- 复刻麦金塔经典系统界面风格
- 拟物化设计元素和怀旧配色
- 像素风格图标和字体渲染
- 可拖拽、缩放的窗口
- 多窗口层叠管理
- Poolsuite 风格程序坞设计
- 立体感按钮和分隔效果
- 平滑的交互动画
- 适配不同屏幕尺寸
- 移动端友好界面
- 下载主题 ZIP 文件
- 进入 WordPress 后台 → 外观 → 主题
- 点击"上传主题"并选择 ZIP 文件
- 激活主题
- 解压主题文件到
/wp-content/themes/目录 - 在 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
- ✅ 基础主题框架搭建
- ✅ 麦金塔经典界面实现
- ✅ 窗口管理系统完成
- ✅ Poolsuite 风格程序坞
- ✅ 响应式设计适配