OceanWP图片不居中需用wp_add_inline_style注入CSS修复，优先针对.entry-content img并加!important；插入图片须用<figure>包裹且含alt属性；自定义尺寸需通过oceanwp_set_image_sizes过滤器注册；移动端错位应避免过早钩子，改用oceanwp_after_mobile_menu或JS动态插入。
OceanWP主题里图片不居中？试试用wp_add_inline_style覆盖默认CSS
oceanwp默认对<img>加了aligncenter类，但实际渲染常被主题或插件的css权重压制，导致text-align: center失效。别急着改主题文件，先用钩子动态注入样式更安全。
- 在
functions.php里用wp_add_inline_style追加CSS，比直接改style.css更易维护 - 优先针对
.entry-content img写规则，避免误伤侧边栏或Logo图片 - 加上
!important不是偷懒——OceanWP的max-width: 100%和height: auto常和居中冲突，必须压过它 - 示例代码：
function oceanwp_center_images() { $css = '.entry-content img.aligncenter { display: block; margin: 0 auto; }'; wp_add_inline_style( 'oceanwp-style', $css ); } add_action( 'wp_enqueue_scripts', 'oceanwp_center_images' );
用oceanwp_before_content钩子插入图片？注意HTML结构合法性
这个钩子常被用来在文章内容前加Banner图，但直接echo <img src="...">容易破坏语义结构，尤其开启AMP或SEO插件时会报错。
- 务必包裹在
<figure>里，配合<figcaption>（哪怕为空），否则W3C校验失败 - 别漏掉
alt属性——OceanWP的SEO模块会扫描这个，空值触发警告 - 如果图片要响应式，手动加
class="oceanwp-responsive-img"，否则srcset可能被主题忽略 - 错误写法：
echo '<img src="/banner.jpg">';
正确写法：echo '<figure class="wp-block-image"><img src="/banner.jpg" alt="首页Banner"></figure>';
自定义图片尺寸后缩略图不显示？检查oceanwp_set_image_sizes过滤器
OceanWP用oceanwp_set_image_sizes注册默认尺寸（如oceanwp-featured），你用add_image_size新增尺寸后，它不会自动识别——得手动告诉主题哪些尺寸可用。
- 必须用
add_filter( 'oceanwp_set_image_sizes', ... )把新尺寸名加进返回数组 - 尺寸名要和
add_image_size第一个参数完全一致，大小写、下划线都不能错 - 如果只在后台上传新图，旧图不会自动生成新尺寸，需用
Regenerate Thumbnails插件补全 - 示例：注册
my-custom-thumb后，必须这样挂载：function add_my_image_size_to_oceanwp( $sizes ) { $sizes[] = 'my-custom-thumb'; return $sizes; } add_filter( 'oceanwp_set_image_sizes', 'add_my_image_size_to_oceanwp' );
移动端图片错位？别硬调oceanwp_mobile_menu钩子
有人想在移动菜单上方加一张小图，就往oceanwp_mobile_menu钩子里echo图片，结果页面加载时闪动、点击菜单按钮失灵——这个钩子触发时机太早，DOM还没就绪。
- 这个钩子本质是输出HTML片段，不是挂JS事件，强行塞图片会打断移动端的JS初始化流程
- 真正该用的是
oceanwp_after_mobile_menu，或者更稳妥地，用wp_footer+document.querySelector动态插入 - 如果必须用钩子，记得加
wp_enqueue_script依赖oceanwp-mobile-menu，否则JS找不到父容器 - 图片宽度别设固定像素值，用
max-width: 100%+height: auto，否则在iPhone SE等小屏上溢出
class和computed style，比盲试快得多。 
