给卡尼奶主题写了个朋友圈插件：封面墙、九宫格、音乐分享，把博客变成朋友圈

全文约 2,738 字，读完约 8 分钟

给卡尼奶主题写了个朋友圈插件：封面墙、九宫格、音乐分享，把博客变成”朋友圈”

折腾博客的人都有个共同的烦恼：正经文章写起来太累，可日常那些零碎的小心情、刚听到的一首歌、随手拍的一张照片，又舍不得丢。写成文章太重，发在别处又不搭调。前阵子我干脆给卡尼奶主题（knn）写了个朋友圈插件，把博客的一角变成像微信朋友圈一样的地方——封面墙、头像、个性签名、图片九宫格、分享歌曲、点赞评论，该有的都有。

为什么写这个插件

博客上的文章，是作品，要正襟危坐、要结构完整、要对得起读者。但日子不是天天都有素材可以写成两千字的。更多的时候，我们只有一句感叹、一首歌、一张云的照片。这些东西发文章太隆重，不发又可惜。

微信朋友圈解决了这个需求，但它是封闭的，只给自己的好友看，而且内容受平台管制、说没就没。博客不一样，博客是自己的地盘，内容永远在。所以我就想：能不能给卡尼奶主题加一个”朋友圈”模块，把日常碎碎念沉淀在网站里，既能自己记录，也能让访客看到博客主人鲜活的一面。

卡尼奶主题本身功能很全——商城、论坛、用户中心、支付都有，唯独没有这种轻量级的”随手记”形态。于是这个插件就诞生了。

功能一览

① 朋友圈首页：封面墙 + 头像 + 签名

页面顶部是一张大封面图，像朋友圈的背景图一样撑起整个页面的格调。封面下方是头像和昵称，昵称旁边挂着那句个性签名（副标题）。登录用户右上角有”编辑”入口，点开可以直接”更换封面”，在浏览器里上传新图，不用进后台改代码，封面想换就换。

② 发动态：这一刻的想法

页面中央是发布框，写着”这一刻的想法…”，旁边是发表按钮。发布框下面排列着三个入口：＋图片、＋视频、＋音乐。支持的动态内容很全：

• 图片：最多 9 张，自动排成九宫格，经典的微信朋友圈布局，一组照片讲一个故事。
• 视频：可以从媒体库选择，也可以直接填外部 mp4 直链，视频不用传到服务器也能播。
• 音乐：最得意的一块，下面单独说。
• 位置：可选填，比如”广东·深圳”，给动态加一点地理的烟火气。

③ 音乐分享：贴链接自动解析

这是整个插件里我最喜欢的功能。平时听到一首歌想分享，最烦的就是手动抄歌名、歌手、封面。这个插件只要粘贴 QQ音乐或网易云的歌曲分享链接，点一下「解析」，歌名、歌手、封面图自动填好，不用手动整理。网易云的歌还能直接在线播放；就算解析不到，也可以手动填一个 mp3 直链兜底，保证音乐能放出来。

动态卡片上会自动显示”来自 QQ音乐”这样的来源角标，整条动态变成一张精致的音乐卡片，歌名、歌手、封面排得整整齐齐，配合主题设置里的”浮窗音乐播放器”，逛博客的时候歌可以一直放着。

④ 点赞与评论

每条动态下面有”赞”和”评论”两个入口，互动门槛很低。游客也可以点赞（后台可以关掉），评论区支持开开关。发布时间显示的是”5分钟前””5小时前”这种相对时间，一条条往下滚，很有点刷朋友圈的味道。

⑤ 后台管理：一个都不少

后台左侧多了一个”朋友圈”菜单，里面有”所有动态”和”发布新动态”。动态列表可以看到每条动态的媒体类型（音乐、视频、纯文字）、赞数、作者、发布时间；支持搜索、按日期筛选、批量操作、批量编辑、快速编辑，管理起来和文章一样顺手，一点不将就。

⑥ 主题设置：一页开关全搞定

卡尼奶主题设置里专门加了一页”朋友圈”配置，所有功能都有开关：

• 启用 / 禁用朋友圈页面
• 页面主标题、页面副标题 / 个性签名
• 是否显示封面墙与头像
• 封面图 URL（前台可点”更换封面”上传）
• 朋友圈主人昵称（留空默认用页面作者昵称）
• 谁可以发布动态：仅管理员 / 编辑及以上 / 作者及以上 / 所有登录用户 / 所有人（含游客）/ 禁止发布（只展示）
• 正文超过几行自动折叠（默认 6 行，0 = 不折叠）
• 每页条数
• 允许游客点赞 / 允许游客评论
• 启用浮窗音乐播放器

权限粒度很细：想做成私人日记就选”仅管理员”，想做成开放社区就让所有人发，只想展示不想互动就选”禁止发布（只展示）”。一个模块，能按需变成日记本、留言墙或者社区。

使用效果

实际跑起来的感觉：点开博客导航栏的”朋友圈”，先看到一整面封面墙，然后是头像、昵称、签名，下面是发布框，再往下是一条条动态——有人发了照片九宫格，有人分享了歌，卡片上标着”来自 QQ音乐”，底部是赞和评论。左侧是博客正文流，右侧是热门文章推荐，整个页面和博客融为一体，一点都不突兀。

我现在已经把这个页面当成博客的”后花园”在用：单曲循环的歌贴个链接解析一下就能发，拍到的晚霞随手传一张九宫格，懒得写长文的日子就丢一句话上去。没有动态的日子，都是在认真生活；有了它，认真生活的痕迹就有了地方安放。

启用方法

1. 后台 → 卡尼奶主题设置 → 朋友圈 → 功能&设置
2. 打开”启用朋友圈页面”开关
3. 填好页面主标题、副标题 / 个性签名，设置封面图 URL（也可以发布后到前台点”更换封面”直接上传）
4. 按需配置发布权限、每页条数、游客点赞 / 评论开关、浮窗音乐播放器
5. 保存配置，访问你的网站域名 + /朋友圈 即可看到页面

启用后，后台”朋友圈”菜单里点”发布新动态”就能发第一条动态。

技术上的一些说明（给好奇的站长）

• 动态用独立的自定义内容类型存储，和文章表完全分开，互不干扰，也方便以后单独迁移。
• 图片最多 9 张自动排九宫格，超出会提示；视频支持媒体库和外链两种来源。
• 音乐解析对 QQ音乐、网易云做了适配，网易云支持在线播放；解析不到的可以手动填 mp3 直链兜底。
• 发布权限、游客点赞、游客评论都是开关控制，前台按配置渲染，权限判断在服务端，不是纯前端隐藏。
• 封面支持前台直传，走 WordPress 正常的媒体上传通道，不需要 FTP、不需要改文件。
• 发布时间用相对时间展示，页面按每页条数分页，正文超长自动折叠，长动态也不撑破布局。

结尾

这个插件是围绕我自己的卡尼奶主题写的，如果你也是同款主题，装好之后到主题设置里启用就能用。博客不一定要板着脸，也可以有生活气——文章留给思考，朋友圈留给日常，两种节奏搭配起来，网站才像一个活人在经营。

欢迎来我的博客看看效果：https://www.sleiy.cn/朋友圈

*本文首发于磊的博客：https://www.sleiy.cn/