web-dev-qa-db-ja.com

管理画面cssでload-styles.phpを上書きします。

CSSを変更しようとしています。

enter image description here 

以下のコードでCSSを変更しようとしましたが、うまくいくようです。色を変えようとするとうまくいきます。

 #poststuff #post-body.columns-2 {
    margin-right: 300px;
    display:flex important;
    flex-direction:column !important;
}

私はクロム開発者から直接変更した場合にはうまくいくようです。

function wpdocs_selectively_enqueue_admin_script( $hook ) {
    if ( 'toplevel_page_kita-general-settings' != $hook ) {
        return;
    }
    // wp_enqueue_script( 'my_custom_script', plugin_dir_url( __FILE__ ) . 'myscript.js', array(), '1.0' );
    wp_enqueue_style( 'kita_options_page', get_template_directory_uri() . '/css/kita-admin.css' );


}
add_action( 'admin_enqueue_scripts', 'wpdocs_selectively_enqueue_admin_script' );
csswp-enqueue-style
1
Latheesh V M Villa

そのスタイルだけを編集したい場合は、試してみてください。

add_action('admin_head', 'admin_styles');

function admin_styles() {
    echo '<style>
        #poststuff #post-body.columns-2 {
            margin-right: 300px;
            dispay:flex important;
            flex-direction:column !important;
        }
    </style>';
}

あるいは、このようなもので別のスタイルシートを追加してください...

add_action('admin_head', 'admin_styles');

function admin_styles() {
    echo '<link rel="stylesheet" href="style.css" type="text/css" media="all" />';
}
1
RiddleMeThis