系列: 从经典到块:主题迁移
-
Post Views: 72 从豆包生成到 Photopea 修图,从”方块感”到完美显示 写在前面 最近把博客主题切换到了 WordPress 2025 主题,想着趁这个机会把 […]
-
针对WPCode代码片段插入顺序不符合预期的问题,文章测试了调整Priority参数的效果,发现该方法在不同Location下无效。通过将Location分别设置为Insert After Content和Insert After Post,成功实现了预期的显示顺序。结论表明,WPCode的插入顺序主要由Location决定,Priority仅在相同Location内生效,解决此类问题应优先调整Location并通过前端验证。
-
针对侧边栏热门文章列表默认间距过小导致阅读困难的问题,文章分析了区块编辑器自带“额外 CSS”无法直接调整内部样式的局限性,并提供了正确的解决方案。通过在站点编辑器的全局样式面板中添加自定义 CSS 代码,设置了列表项的底部外边距和分割线,并优化了末尾样式。最终成功实现了列表疏密有致、层次分明,有效提升了阅读舒适度。
-
本文记录了博客页面出现横向滚动条的排查过程。作者通过浏览器开发者工具锁定超宽元素,排除了CSS和图片问题,最终发现原因是Gutenberg区块中的Group(组)被设置为全幅,与主题布局产生兼容性冲突。将其调整为默认对齐宽度后,滚动条消失。文章总结了先定位超宽元素、再检查区块设置、最后考虑CSS的排查流程。
-
Post Views: 46 上一篇文章《记一次 WordPress 2025 主题 Logo 与 Favicon 的折腾之旅》中,我记录了自己从 AI 生图、Photopea 修图,到最终让 Logo […]
-
本文记录了解决 WordPress 归档页移动端横向滚动条与 Google AdSense 报错 availableWidth=0 的排查过程。经过对 CSS 和广告代码的多次尝试,发现两者无法同时修复。最终将侧边栏的 Gutenberg 区块结构从 Stack 替换为 Group,成功消除了报错和滚动条,使广告无需固定宽度即可正常加载,并恢复了侧边栏的布局自然间距。
-
Post Views: 38 2026 年 6 月,我终于完成了技术博客从 Hueman 主题迁移到 Twenty Twenty-Five 主题的全部工作。 写下这篇文章的时候,我回头翻看了一下《从经典 […]
-
Post Views: 63 一、实验背景 在完成 WordPress 多轮优化后,我对站点进行了一个关键调整: 站点规模: 本次测试目标: 量化主题切换对网站性能的影响,并为后续 CDN 上线建立基线 […]
-
本文记录了排查博客旧文章在移动端图片错位的过程。经测试发现,问题并非全站模板失效,而是集中在早年使用经典编辑器发布的文章中。根源在于图片外层容器 figure.wp-caption 写入了内联固定宽度,导致移动端无法正常缩放。最终,通过升级全局 CSS 覆盖 width 和 max-width 属性,实现了对历史遗留结构的兼容性修复,并确认了缓存对验证效果的影响。
