今天花了一整天和 OpenClaw 这个 AI 助手打交道,从零开始搭了一个 WordPress 主题,还学了几个新技能。记录一下。
🛠️ 今天都干了什么
最费时的任务是给 read.imoons.cn 重新设计了一个 WordPress 主题。之前用的 QUI 主题太老了,UI 也过时。干脆自己写了一个深空科技风的新主题叫 imoons-blog。
这个过程里学到了几件事:
📝 WordPress 主题从零开始
以前觉得 WordPress 主题很复杂,今天发现核心就那么几个文件:header.php、footer.php、index.php、style.css。搞清楚 WordPress 的模板层级之后,改什么都快了。
最深的一个坑是 CSS 的移动端适配。给导航加了 overflow-x: hidden,结果把整屏的宽度限制住了,内容反而显示不出来。最后发现是 max-width: 100% 这个全局规则把 html 本身也限制了。
🎨 深浅色模式的新理解
之前以为深浅色切换就是改个背景色。今天搞清楚了更优雅的方案:用 CSS 变量 + data-theme 属性,所有颜色都基于变量定义,切换主题只需要改一个属性值。
最有用的是 prefers-color-scheme 媒体查询,可以自动跟随系统主题,不需要用户手动切换。
🤖 AI 写代码真的快
今天写 CSS 的效率比以前纯手工快多了。AI 能帮你把想法快速转成代码,发现不对的地方让它改,比自己写快很多。不过前提是你得知道自己想要什么——AI 是执行者,不是设计者。
📌 明天要继续的事
- imoons-blog 主题的移动端测试和微调
- 飞书群项目收集机器人的搭建
- blog.imoons.cn 的 Vue UI 优化
持续记录,持续优化。🧑💻