【功能测试】图片宽度排版 —— 六档宽度 + 等高画廊实拍验证
用 alt 后缀控制正文图片宽度:100/50/33/25/20 各档位、纯图段落自动成等高画廊、图文混排左右浮动环绕、多种密度的密集图墙。
用 alt 后缀驱动的 WordPress 密集墙排版:从 float 到 flex-wrap 与纵向叠列
本文记录 zibll 子主题「图片宽度排版」模块的完整落地过程:alt 后缀语法设计、为何必须弃用 float、叠列分组算法、线上实测数据与 7 条静默失效的踩坑记录。
zibll 隐藏成就体系:一个「发放成功」却从未入账的潜伏 bug
弹窗说恭喜,账上却没有勋章。复盘父主题勋章清册的三全准入条件、flag 先置位掩盖失败、哨兵 get_type 修复方案,附可直接粘贴的零依赖隐藏成就体系。
内联 CSS 的真实代价:一次把「省 25.6%」证伪的实测
16 个内联样式块、占页面 21% 的体积,合并到底能省多少?孤立测量说 14%~31%,整页 A/B 说 0.15%~0.36%。本文给出正确口径、线上实测数据,以及把 N 个散点收成「可缓存出口」的零依赖收集器。
一个 81 行的朗读按钮改了三轮:三个静默失效的坑
文章朗读按钮的核心代码不到 100 行,却踩了三个静默失效的坑:cssText 整体覆盖抹掉 innerHTML 的 display:none、硬编码白底在夜间模式消失、只在 boot 判定一次视口导致缩放后不搬家。附零依...
当主题模板没有过滤器:把「字数+阅读时间」并进它的 meta 行
主题文章头部那行 meta 是硬编码的、没有 apply_filters,插不进新项。本文给出第三条路:服务端渲染自己的块,客户端把子项逐个搬进目标行,搬不动就原地保留。附中英混排字数口径、三层测试与...
设计令牌的最小实现:一个颜色变量驱动全站(附阅读进度条)
设计令牌的最小可用形态只有三层:一个色值源头、一组派生纯函数、一堆 CSS 变量引用。本文讲清它为什么值钱、hex 解析必须兜住的边界(写错会让全站 var() 静默失效),以及一条 3px 进度条里...











