Wordpress获取后端编辑发布内容样式与前端css相同

Question

Hiall，我想设置我的wordpress网站的后端，这样当我编辑/添加我的内容时，它看起来与它在前端方面完全相同。当我在后端添加内容时，在编辑/添加内容等时（在输入文本框区域等），没有应用样式。

我还没想出怎么做，我可以将我的前端css样式表应用到后端的内容区域，或者这是不可能的???

我看到我可以通过http://codex.wordpress.org/Plugin_API/Action_Reference/admin_enqueue_scripts将样式表添加到整个管理区域，这是我不想做的，我只想让我的前端样式反映在编辑/内容/输入中管理页面等区域

任何帮助都会很棒！

Answer 1

您只需要在主题的editor-style.css（通常）文件夹中创建一个新的css文件，然后将其添加到functions.php中，将其排入队列：

function my_theme_add_editor_styles() {
    add_editor_style( 'editor-style.css' );
}
add_action( 'admin_init', 'my_theme_add_editor_styles' );```

在该css文件中，您可以使用自定义样式，如下所示：

body#tinymce.wp-editor { 
    // your styles
}
body#tinymce.wp-editor a {
    // your styles
}

或者您也可以@import您的主样式表（如果需要，可以在此之后添加额外的规则）：

@import url( 'style.css' );
// extra styles here
body { 
    // ...
}