跳转到正文

西风爱好驱动生产

春节假期，我又做了一款 WordPress 主题

文章作者西风 文章发布日期 热度594 本文共计1,186 字 预计阅读4 分钟
内容提要

在春节假期期间，自主开发了第三款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://blog.panyuye.com/lared-theme-docs/
后续更新也会同步到那里。如果你和我一样，相信博客的价值在于文字本身，那 Lared 也许适合你。

END

文章信息与版权

本文作者
西风
文章分类
日常
首次发布
最后更新
原文春节假期，我又做了一款 WordPress 主题https://xifeng.net/post/23.html

© 2026 西风 · 保留所有权利。除法律允许外，转载须获授权，并保留署名、标题、原文链接及版权声明。 仅适用于作者享有权利的内容，另有声明及第三方素材依原授权。

KEEP READING

再读一篇

xTools：一个更适合日常维护的 WordPress 工具集插件
16 评论509 阅读
代码如诗 | 记录我用Ai写代码的日子
35 评论4,127 阅读
WP Starter Kit | WordPress 新手配置插件 | v1.3
18 评论3,172 阅读

36 条评论

  1. 股票愣涨LV-1LV-1 · 初声距下次升级还差 4 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    22 楼
    回复

    主题漂亮，速度还那么快，给力

  2. 平哥LV-1LV-1 · 初声距下次升级还差 4 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    21 楼
    回复

    我现在有时候特别纠结。以前，自己不会折腾，就用别人的主题。AI时代了，总忍不住瞎鼓捣。鼓捣半天，很多时候又回归起点。

  3. Kevin'sLV-2LV-2 · 微语距下次升级还差 4 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    20 楼
    回复

    有个小 bug，比如我这种特殊 昵称 Kevin’s，在前台显示成了 Kevin\\\’s

  4. zwwoooooLV-2LV-2 · 微语距下次升级还差 7 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    19 楼
    回复

    现在主题都不需要找人了，又少了一份职业

  5. ACEVSLV-2LV-2 · 微语距下次升级还差 4 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    18 楼
    回复

    厉害~这配色感觉似曾相识。

  6. obabyLV-3LV-3 · 回音距下次升级还差 10 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    17 楼
    回复

    这个的确大气

  7. 大峰LV-2LV-2 · 微语距下次升级还差 9 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    16 楼
    回复

    还得是WORDPRESS，主题很赞很大气。

    1. 西风 @大峰所在地加载中
      回复

      谢谢， 这个程序有点臃肿，说实话就是没有合适可以替换的，有的话我也换了。

  8. 拾风LV-2LV-2 · 微语距下次升级还差 7 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    15 楼
    回复

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

    1. 西风 @拾风所在地加载中
      回复

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

  9. 粽叶加米LV-2LV-2 · 微语距下次升级还差 2 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    14 楼
    回复

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

    1. 西风 @粽叶加米所在地加载中
      回复

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

  10. koobaiLV-2LV-2 · 微语距下次升级还差 8 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    13 楼
    回复

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

  11. 夏末LV-1LV-1 · 初声距下次升级还差 3 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    12 楼
    回复

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

    1. 西风 @夏末所在地加载中
      回复

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

  12. 段先森LV-1LV-1 · 初声距下次升级还差 3 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    11 楼
    回复

    愈发熟练了，这个主题移动端超出边框了:mojing:

  13. 刘郎LV-2LV-2 · 微语距下次升级还差 3 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    10 楼
    回复

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

  14. 威言威语LV-3LV-3 · 回音距下次升级还差 5 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    9 楼
    回复

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

  15. Snake WuLV-2LV-2 · 微语距下次升级还差 10 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    8 楼
    回复

    wordpress yyds！CMS里一直的第一

  16. 旺东LV-1LV-1 · 初声距下次升级还差 3 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    7 楼
    回复

    留给PHP的时间不多了！:xiaoku:

  17. 皇家元林LV-3LV-3 · 回音距下次升级还差 12 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    6 楼
    回复

    非常棒！:dianzan:

  18. 林羽凡LV-2LV-2 · 微语距下次升级还差 7 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    5 楼
    回复

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

  19. ymz316LV-3LV-3 · 回音距下次升级还差 10 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    4 楼
    回复

    高产大神啊。

  20. 满心LV-2LV-2 · 微语距下次升级还差 9 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    3 楼
    回复

    大佬就是大佬啊

  21. 威言威语LV-3LV-3 · 回音距下次升级还差 5 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    2 楼
    回复

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

    1. 西风 @威言威语所在地加载中
      回复

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

      1. 威言威语LV-3LV-3 · 回音距下次升级还差 5 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上 @西风所在地加载中
        回复

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

  22. 吴先生LV-2LV-2 · 微语距下次升级还差 10 条LV-1 · 初声0–4 条LV-2 · 微语5–14 条LV-3 · 回音15–29 条LV-4 · 清谈30–59 条LV-5 · 共鸣60–99 条LV-6 · 畅言100–179 条LV-7 · 妙语180–299 条LV-8 · 知音300–499 条LV-9 · 雅集500–799 条LV-10 · 余音800 条及以上所在地加载中
    1 楼
    回复

    我虽然用的是typecho，但也在别处折腾wp:mojing:

来几句走心的评论吧