在EDITOR-Style.css中,如何更改标题字段的背景色?

时间:2016-12-21 作者:Matthew

编辑页面或帖子时,我希望标题字段的背景颜色与白色不同。我尝试了以下方法,但似乎不起作用:

#titlediv #title {
    background-color: #ffffcc;
}
我知道我的editor-style.css 正在工作,因为我已使用以下内容更改了主内容编辑器框的背景颜色:

.mceContentBody.wp-editor {
    background-color: #ffffcc;
} 

1 个回复
SO网友:Dave Romsey

编辑器样式仅适用于TinyMCE内容区域。如果要将样式应用于编辑页面上的其他元素,则需要enqueue a separate stylesheet.

例如,将此添加到主题的functions.php:

function wpse250011_admin_styles( $hook ) {
    // Bail if we\'re not on the post.php admin page
    if ( \'post.php\' !== $hook ) {
        return;
    }

    // Ensure we\'re looking at a post or page
    $post_type = get_post_type();
    if ( ! $post_type || ! in_array( $post_type, [ \'post\', \'page\' ] ) ) {
        return;
    }

    wp_enqueue_style( \'admin-edit-post-styles\', get_template_directory_uri() . \'/admin-edit-post.css\' );
}
add_action( \'admin_enqueue_scripts\', \'wpse250011_admin_styles\' );
将管理组件的样式(如标题字段)添加到单独的文件中:/your-theme/admin-edit-post.css

#titlediv #title {
     background-color: #ffffcc;
}