图片区块工具栏里选了右对齐,编辑器里图片靠右,前台打开还是左对齐,外层 figure 上的 alignright 类不见了。乍看像缓存或者权限的锅,追下去往往不是。
add_theme_support("align-wide");
.wp-block-image.alignright { margin-left: auto; margin-right: 0; }
追下去是这么回事:主题没有声明宽对齐支持,区块输出的对齐类被主题的 figure 规则重置成 margin 0。主题自己重写了 figure 的 display 时,浮动对齐同样会失效。
「图片区块对齐丢失」相关的验证我通常做两遍,改完一次、隔天再看一次,确认不是临时生效。验证用真实数据走一遍,测试数据太干净,边界情况根本碰不到。
能分两步做的操作就别合成一步,中间看一眼返回值,出问题好判断。报错里带路径的,先去看那个路径在不在、权限对不对。
同一份配置存在多处的,先确认改的是被加载的那一份。
具体做法是,在主题里补上宽对齐和对齐相关的支持声明;检查主题 CSS 是否给 figure 写了 margin 0 !important;把图片外层改成弹性容器 用 justify-content 控制对齐。
验收就看一点,图片出现在正文右侧,左边留白,手机上按主题规则居中显示。
