西城往事 西城往事
文章 Banner 占位图
Feb 26 2026/02/26 03:50 春节假期,我又做了一款 WordPress 主题
1 周前 2026/02/26 03:50
日常 文章分类
25 评论数量
146 阅读数量
1,133 文章字数
4 min 阅读时间
AI 摘要
在春节假期期间,自主开发了第三款WordPress主题。该主题的设计灵感源于Laravel官网简洁有力的视觉风格。开发过程采用vibe coding模式,并广泛使用各类AI编程辅助工具。主题功能包括:支持自定义文章排版结构、集成AI摘要服务、内置Memos和RSS缓存页面、将音乐播放器等组件拆分为独立插件,以及增强的代码分享功能(支持HTML直接运行与下载)。主题注重细节设计,如直角评论风格和响应式布局,旨在提供简洁高效的博客体验。尽管考虑过其他平台,但最终因WordPress的高度自由度而坚持使用。主题基于Tailwind CSS开发,相关文档已在线发布。

趁着春节假期,在家 vibe coding,我做了第二款——准确来说,应该是第三款属于我自己的 WordPress 主题。其实最近我了解了越来越多关于 PHP 的东西,但真正让我第一次认真去了解的,是 Laravel 。起因其实很简单,我想开发一个 PHP 的 RSS 订阅系统。GitHub 上现成的项目不止一种,但为了乐趣,我还是想自己给自己找点事情做。

现在最大的乐趣,就是 vibe coding。

Copilot 两个账号都开通了 Pro,ChatGPT 是顶配,Claude、Cursor 也都开着,Kimi、MiniMax,还有乱七八糟一堆订阅。每个月 AI 支出也不超过 500 美金。相对于找人去开发项目动辄一个主题三千五千的时代,抽出时间体验自己开发的快感,其实更有价值。花钱雇人的时代,至少对我来说,已经过去了。

让我震撼的不是 Laravel 本身

第一次认真去看 Laravel 官网,震撼我的并不是它的技术内容,而是它的官网。那种简单线条、大胆红色、干净排版,克制又有力量。
那一抹红,真的一下子激起了心里那种澎湃。我收藏了官网,但从去年一直忙,根本没时间做。毕竟前面那个主题还是半成品,还没到最终完善版,内容一点点更新一点点添加,也慢慢变得有些臃肿。

我好几次想换阵营

我真的想过跳到 Typecho、Halo,甚至去做静态博客,但最终都放弃了。我还是在守着 WordPress。它不完美,甚至有时候很重,但它足够自由。

关于这个主题的一些尝试

最开始我做得很大胆

侧边栏是每篇文章的 TOC 目录,左边点击,右边内容滑动。那种感觉很酷。但后来发现首页和内页样式冲突,single.php 页面存在感变弱,甚至让我开始怀疑结构是不是走偏了,所以我把侧边栏结构改了。

排版结构的执念

主题里我定义了很多文章结构和排版样式,在发布文章页面加了一键插入代码的按钮,让不懂排版的人也可以写出结构清晰的文章。可视化模式和代码模式都支持,当然前提是改回默认编辑器。

评论风格的变化

以前我喜欢圆角风格,这次全部改成直角。我也不知道是什么时候开始变“直男”了。

关于 AI 摘要

很多人不喜欢 AI 摘要,我能理解。但首页如果分享代码文章,摘要区域会直接显示一堆代码字符,看起来真的很拉。所以我还是加了,支持多个服务商,也支持自定义接口。不是为了炫技,只是为了更干净的首页。

Memos、RSS,以及插件拆分

主题增加了 Memos 页面和 RSS 订阅页面,都采取缓存形式,不影响页面加载速度。PJAX 依然是这个主题的特色。之前集成在主题里的音乐播放器和 Album 页面,以及 R2 后台上传整合,我都拆出来做成插件。

相册插件支持:

  • Lsky 图床 API
  • Cloudflare R2
  • S3 存储
  • 发布页弹窗上传并插入

对我这种懒人来说,这是真的方便。Memos 和 Album 都支持前端发布和管理。

代码分享的执念

代码框增加了 HTML 可运行,还能下载 HTML 页面。分享代码的时候,我希望别人能直接试,而不是只看。

细节,是我最花时间的地方

页面结构、边框线、间距、响应式,甚至细到每一条线条,我一一审查。
当然可能还会有很多小问题,如果碰到可以告诉我,我会继续改。

最后

这个主题,是我春节假期的产物,也是那一抹红的延续。
虽然说基于 Tailwind,但是独立写的 css 还是超过了10000行,主题包出去缩略图和一些 svg 图片,大小没超过 1Mb相对之前的主题包,算是减少了很多,最近抽空还是要压缩一下。
更多主题特色和更新记录,可以移步:https://xifeng.net/lared-theme-docs/
后续更新也会同步到那里。如果你和我一样,相信博客的价值在于文字本身,那 Lared 也许适合你。

《春节假期,我又做了一款 WordPress 主题》
15位吃瓜群众 25条评论
  1. 拾风 友链互动 筑基Lv2 · 评论 3 条 佛山中国 广东 佛山iOS 18.7Safari 26.3

    10多年Wordpress用户的我为了one blog主题,已经投奔typecho

    1. 西风 博主 美国美国 New York New York CitymacOS 26Chrome 145.0.0.0

      Oneblog 主题可以评为最近单栏主题的 yyds,相当精致,我有一个站点也是用了 oneblog。 但是 typecho 一直不更新也是个问题

  2. 粽叶加米 友链互动 结丹Lv3 · 评论 10 条 深圳中国 广东 深圳Windows 10Chrome 145.0.0.0

    假期也不闲着。
    我只用过pjblog和wordpress,其他没用过。

    1. 西风 博主 乌兹别克斯坦乌兹别克斯坦 TashkentmacOS 26Chrome 145.0.0.0

      假期一直猫在家,也不想出去,程序的话中间也折腾过 typecho,hexo,但是只有 wp 坚持下来了。

  3. koobai 友链互动 凝气Lv1 · 评论 2 条 香港中国 香港macOS 26Chrome 145.0.0.0

    折腾的乐趣,我是不大懂代码,也是通过ai,使用 Gemini,把博客页面全部重构了一遍,并且memos 也全部重新搞了一遍,这几天没事把锻炼的项目页面也全部改了一遍,就是折腾,折腾起来的成就感很舒服~,哈哈

    1. 西风 博主 乌兹别克斯坦乌兹别克斯坦 TashkentmacOS 26Chrome 145.0.0.0

      你那个锻炼项目做的是真的好强大好看奋斗

  4. 夏末 凝气Lv1 · 评论 1 条 成都中国 四川 成都Android 16Chrome 114.0.5735.196

    曾经我也是一个WordPress爱好者,哈哈哈,不过最近换到Typecho了,移动端貌似不太兼容

    1. 西风 博主 乌兹别克斯坦乌兹别克斯坦 TashkentmacOSChrome 146.0.0.0

      看到很多人提示移动端没适配好,看来需要进一步把移动端适配一下了。

  5. 段先森 凝气Lv1 · 评论 2 条 白银中国 甘肃 白银iOS 18.7Safari 26.2

    愈发熟练了,这个主题移动端超出边框了墨镜

    1. 西风 博主 乌兹别克斯坦乌兹别克斯坦 TashkentmacOSChrome 145.0.0.0

      移动端我都没有去适配好 – –

  6. 刘郎 结丹Lv3 · 评论 9 条 黔南中国 贵州 黔南LinuxChrome 141.0.0.0

    自主开发太难了 有点收益还好 不然挺没趣的 哈哈

    1. 西风 博主 乌兹别克斯坦乌兹别克斯坦 TashkentmacOS 26Chrome 145.0.0.0

      纯属兴趣,指望这个有收益是太难了。咧嘴笑

  7. 威言威语 友链互动 元婴Lv4 · 评论 15 条 上海中国 上海Windows 10Firefox 148.0

    之前发的评论发成功了吗?

  8. Snake Wu 友链互动 筑基Lv2 · 评论 4 条 韩国韩国 SeoulmacOS 15Chrome 143.0.0.0

    wordpress yyds!CMS里一直的第一

    1. 西风 博主 乌兹别克斯坦乌兹别克斯坦 TashkentmacOS 26Chrome 145.0.0.0

      换来换去还是 wp 给力

  9. 旺东 凝气Lv1 · 评论 2 条 兰州中国 甘肃 兰州macOS 26Edge 145.0.0.0

    留给PHP的时间不多了!笑哭

  10. 皇家元林 结丹Lv3 · 评论 9 条 深圳中国 广东 深圳macOSSafari 26.3

    非常棒!点赞

  11. 林羽凡 凝气Lv1 · 评论 2 条 兰州中国 甘肃 兰州Windows 10Firefox 147.0

    我春节也是给博客换了个系统,只是主题不怎么好看

  12. ymz316 友链互动 结丹Lv3 · 评论 9 条 青园中国 湖南 青园LinuxFirefox 140.0

    高产大神啊。

    1. 西风 博主 乌兹别克斯坦乌兹别克斯坦 TashkentmacOS 26Chrome 145.0.0.0

      笑哭 闲着也是闲着

  13. 满心 筑基Lv2 · 评论 4 条 香港香港 Kowloon 香港Windows 10Chrome 145.0.0.0

    大佬就是大佬啊

  14. 威言威语 友链互动 元婴Lv4 · 评论 15 条 上海中国 上海市 上海Windows 10Firefox 148.0

    分辨率要求有点高哦,我这1920分辨率+125%的缩放也不能完全展示右侧的文章目录。

    1. 西风 博主 乌兹别克斯坦乌兹别克斯坦 TashkentmacOS 26Chrome 145.0.0.0

      之前评论因为安装了评论 Akismet 插件给拦截了,评论都成功了笑哭
      因为我常用的分辨率都是 2k 的,我没有做更好的适配,从你评论的时间到现在,我整理了几个小时了,还没弄好,感觉脑袋都是乱的。大哭

      1. 威言威语 友链互动 元婴Lv4 · 评论 15 条 上海中国 上海Windows 10Firefox 148.0

        分比例还是要照顾一下小屏一些,其实我这个还不算很小啦。

  15. 吴先生 凝气Lv1 · 评论 2 条 Shilipu中国 湖北 ShilipuWindows 10Edge 133.0.0.0

    我虽然用的是typecho,但也在别处折腾wp墨镜

回复 Snake Wu 必填项已用 * 标注

关于郑州的记忆
0:00
0:00

输入关键词搜索文章