wordpress后台编辑如何显示定义的`style.css`样式-优快云博客

本文详细介绍了如何在WordPress中使用自定义的style.css样式，通过在主题目录下创建editor-style.css文件并引用style.css，再在functions.php文件中添加代码支持，实现编辑器样式与自定义样式同步显示。同时，介绍了如何在TinyMCEAdvanced中调整设置，避免编辑时自动添加p/br标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

wordpress后台编辑如何显示定义的`style.css`样式

由于公司官网采用wordpress进行搭建，但是却又自己设计页面，无奈主题只能自行构建了，直接修改wordpress自带的主题进行修改。

问题

如何能够在可视化界面编辑时，直接显示需要展示的样式，而不是wordpress那一套呢？

解决

无意间在后台界面的设置中看到TinyMCE Advanced的创建CSS样式菜单时，才能得以解决

在主题页面新建一个文件 editor-style.css
在editor-style.css中引入 style.css
```
  @import "style.css";
```

functions.php文件

  // Add support for editor styles.
      add_theme_support( 'editor-styles' );

      // Enqueue editor styles.
  // TODO: 需要修改为上面定义的文件名 editor-style.css
      add_editor_style( 'style-editor.css' );