WordPress后台图片不居中因Esteem主题过滤aligncenter类、CSS优先级覆盖、古腾堡未适配及特色图像独立处理；需修改functions.php允许img class、添加额外CSS、手动补class或调整模板样式。
WordPress后台编辑器里图片不居中？检查aligncenter类是否被主题过滤
esteem主题默认会移除古腾堡编辑器插入的aligncenter等对齐类，导致你点了“居中”按钮，html里却没生成对应class。这不是你操作错，是主题functions.php里调用了wp_kses_allowed_html()限制了允许的属性。
- 进主题目录打开
functions.php，搜wp_kses_allowed_html或allowed_html - 找到类似
add_filter('wp_kses_allowed_html', ...)的代码段 - 在返回的数组里给
img标签补上class：比如'img' => array('src' => array(), 'class' => array()) - 保存后重新编辑文章，插入图片 → 点居中 → 查看HTML源码，确认
<img class="aligncenter">已存在
图片加了aligncenter但还是左对齐？CSS优先级压过了Esteem默认样式
Esteem主题的style.css里对.aligncenter的定义可能被其他规则覆盖，比如子主题、插件或自定义CSS写了更具体的selector（如article img.aligncenter），或者用了!important强行锁定左对齐。
- 用浏览器右键“检查元素”，点中图片，看计算后的
margin-left和margin-right是不是auto - 如果显示被覆盖，定位到源头：可能是
style.css第217行的.entry-content img.aligncenter，也可能是插件注入的CSS - 临时修复：在
外观 → 自定义 → 额外CSS里加一条img.aligncenter { display: block; margin: 0 auto; } - 注意别用
!important——它会让后续调试变困难，尤其当你以后想改宽高时
古腾堡区块里上传图片后无法选对齐方式？主题没适配block editor的align选项
Esteem是个较老的主题（最早适配WP 4.0），默认只支持经典编辑器的对齐逻辑。古腾堡里图片区块的“对齐方式”下拉菜单即使点了“居中”，实际只加了wp-block-image类，不会自动加aligncenter。
- 手动解决：切换到“代码编辑器”模式，在
<figure>标签里补上class="aligncenter"，例如：<figure class="aligncenter"><img src="..."></figure> - 长期方案：在子主题
functions.php里用add_theme_support('align-wide')开启宽屏支持，再配合CSS补全.alignwide和.alignfull的居中逻辑 - 别依赖“居中”按钮——它在Esteem里基本形同虚设，必须靠手写class或额外CSS兜底
特色图像（Featured Image）本身就不走aligncenter流程，得单独处理
特色图像是通过the_post_thumbnail()函数输出的，它根本不经过编辑器对齐逻辑，也不带aligncenter类。它的位置由模板文件里的HTML结构和CSS控制，比如index.php或single.php里<div class="post-thumbnail">...</div>的样式。
- 先确认模板里调用的是不是
the_post_thumbnail('large')这类标准函数，而不是硬编码<img>标签 - 查主题CSS里有没有
.post-thumbnail或.entry-header .post-thumbnail的样式，重点看text-align或margin - 最稳妥的改法：在
额外CSS里加.post-thumbnail { text-align: center; } .post-thumbnail img { display: inline-block; } - 注意移动端：Esteem的响应式断点可能让
max-width失效，建议加@media (max-width: 768px) { .post-thumbnail img { width: 100%; } }
特色图像对齐这事，本质是三个不同系统在打架：编辑器对齐逻辑、主题的HTML过滤、模板层的硬编码输出。最容易被忽略的是——你改了CSS，却忘了functions.php里那行wp_kses限制，结果图片永远没class可绑；或者以为点了居中就完事，其实古腾堡根本没把指令传给主题。动手前，先用开发者工具盯住HTML输出和计算样式，比猜强得多。
立即学习“前端免费学习笔记（深入）”；
