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

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' );

• 刷新页面，这样就能够在可视化界面中关联到了自定义的样式

解决页面总是被无形添加了 p/br标签

在TinyMCE Advanced中不勾选保留段落标签，就可以解决了