Astra主题添加编辑器样式遇异常，寻求解决方案

Astra主题（含Pro版本）本身已经内置了完整的编辑器样式支持逻辑，当你手动添加add_theme_support('editor-styles');时，会干扰主题原生的编辑器样式加载机制，导致默认的编辑器样式被意外覆盖或未加载，从而出现段落文本过小等样式异常。

• 移除手动添加的add_theme_support('editor-styles');代码
  不需要额外声明编辑器样式支持，Astra已经帮你完成了这一步，多余的声明会破坏主题原生样式链。

• 直接通过子主题加载自定义编辑器样式
  在子主题的functions.php中添加以下代码，指向你的自定义编辑器样式文件：

  add_action( 'after_setup_theme', 'load_custom_astra_editor_styles' );
  function load_custom_astra_editor_styles() {
      // 加载子主题根目录下的editor-style.css
      add_editor_style( 'editor-style.css' );
  }
  

• 针对自定义区块模式写样式
  在子主题的editor-style.css中，直接针对你的自定义区块模式编写样式，比如：

  /* 自定义区块模式样式 */
  .wp-block-your-custom-block-slug {
      font-size: 16px;
      line-height: 1.7;
      /* 其他自定义样式 */
  }
  

• 特殊情况处理（不推荐）
  如果因某些需求必须保留add_theme_support('editor-styles');，可以将Astra主题原生的editor-style.css内容复制到你的自定义样式文件顶部，再添加自己的样式，这样可以继承主题默认样式，减少大量修复工作。

内容的提问来源于stack exchange，提问作者Alan