标签: Twenty Twenty-Five
-
本文记录了一次 WordPress 英文文章页面横向滚动条的完整排查过程。在 Polylang 多域名、Twenty Twenty-Five 区块主题、W3 Total Cache Page Cache 与 W3TC Object Cache(Redis 后端)的组合下,页头搜索框的 `min-width: 250px` 导致英文语言切换器被挤出父级 Flex 容器。将其修改为 `min-width: 0` 后,英文页面却仍然输出旧 CSS。进一步对比 Cloudflare、源站响应、数据库原始内容与 `get_post()` 返回值后确认:数据库中的 `wp_global_styles` 已经更新,但 W3TC Object Cache 仍在返回旧的文章对象。最终通过 `clean_post_cache()` 精确清理对应对象缓存后,新 CSS 正常生效,横向滚动条消失。本文同时结合此前 Polylang 英文子域名迁移经历,总结了 W3TC Page Cache 多域名识别、旧 Polylang option 和旧全局样式对象缓存等问题的排查思路。
-
Post Views: 38 2026 年 6 月,我终于完成了技术博客从 Hueman 主题迁移到 Twenty Twenty-Five 主题的全部工作。 写下这篇文章的时候,我回头翻看了一下《从经典 […]
-
针对 WordPress 单篇文章页面桌面端和移动端出现的横向滚动条问题,文章记录了完整的排查与修复过程。经检测,问题并非由主题结构导致,而是 WPCode 插入的 AdSense 广告及其动态生成的 iframe 撑开了页面宽度。最终通过添加限制容器最大宽度的 CSS 修复了桌面端问题,并针对移动端 AdSense iframe 的 20px 溢出进行了兜底处理,成功消除了横向滚动条。
-
本文记录了解决 WordPress 归档页移动端横向滚动条与 Google AdSense 报错 availableWidth=0 的排查过程。经过对 CSS 和广告代码的多次尝试,发现两者无法同时修复。最终将侧边栏的 Gutenberg 区块结构从 Stack 替换为 Group,成功消除了报错和滚动条,使广告无需固定宽度即可正常加载,并恢复了侧边栏的布局自然间距。
-
面对WordPress双语博客标签管理的问题,作者最初采用驼峰命名以保持整洁,但发现系统自动生成的别名包含横线且可读性差,手动修改维护成本高。经过测试,决定改用Title Case格式,即保留单词间空格并大写首字母,配合WordPress自动生成更规范的URL,同时规定官方名称、缩写及版本号均保持原样,最终确立了分类、系列和标签的全套命名规范以降低维护成本。
-
Post Views: 46 上一篇文章《记一次 WordPress 2025 主题 Logo 与 Favicon 的折腾之旅》中,我记录了自己从 AI 生图、Photopea 修图,到最终让 Logo […]
-
针对 WordPress 主题 Twenty Twenty-Five 默认样式下正文链接难以识别的问题,作者尝试通过 CSS 进行优化。起初直接修改链接样式会影响系列列表等组件,最终方案通过精确的选择器仅针对正文段落中的普通链接生效,应用主题调色板的强调色并添加下划线交互。该方法在提升正文链接可读性的同时,避免了样式冲突,保持了网站整体视觉的统一。
-
本文记录了博客页面出现横向滚动条的排查过程。作者通过浏览器开发者工具锁定超宽元素,排除了CSS和图片问题,最终发现原因是Gutenberg区块中的Group(组)被设置为全幅,与主题布局产生兼容性冲突。将其调整为默认对齐宽度后,滚动条消失。文章总结了先定位超宽元素、再检查区块设置、最后考虑CSS的排查流程。
-
切换至 Twenty Twenty-Five 主题后,WordPress 日历在 Polylang 英文页面显示异常,未发布文章的日期仍带链接并跳转 404。经排查发现单纯替换 URL 前缀无法解决数据过滤问题。对比完全重写与 HTML 修改方案后,作者选择通过 WPCode 插件添加 PHP 代码,利用 DOM 解析修正原生日历结构。最终代码成功移除了错误链接并重建了正确的语言导航,稳定解决了多语言兼容问题。
-
本文记录了将 WordPress 2025 主题页脚适配为中英双语站点的过程。文章详细介绍了如何利用区块编辑器定制社交图标链接,并通过安装 Polylang 插件扩展解决多语言导航差异化问题。此外,针对技术博客归档列表冗长的问题,作者展示了将归档改为下拉菜单的方案及 CSS 美化步骤,最终实现了包含品牌、社交链接、归档菜单的多列精致布局。
