アトリエロワ

wp-親テーマのcssを無効にする

lightning-common-styleやlightning-design-styleは、無効にしたいcssのid

<link rel='stylesheet' id='lightning-design-style-css' href='●●/css/style.css?ver=14.17.5' type='text/css' media='all' />

上記を無効にしたい場合、id=’lightning-design-style-css’　の-cssを取った記述

functions.phpに下記を記載

function denqueue_my_scripts() {
    $remove_styles = array( 'lightning-common-style', 'lightning-design-style' );

    foreach( $remove_styles as $target ) {
        if( wp_style_is($target) ) {
            wp_dequeue_style($target);
        }
    }
}
add_action( 'wp_enqueue_scripts', 'denqueue_my_scripts', 11 );

特定のページ（ID 218）でのみ、親テーマのcssを無効にしたい場合

function custom_page_scripts() {
    if (is_page('218')) {
        $remove_styles = array('lightning-common-style', 'lightning-design-style');

        foreach ($remove_styles as $target) {
            if (wp_style_is($target)) {
                wp_dequeue_style($target);
            }
        }
    }
}
add_action('wp_enqueue_scripts', 'custom_page_scripts', 11);

特定のページ（ID 218）の、ページ内に記載されたcssを無効にする

function remove_inline_styles() {
    if (is_page('218')) {
        echo '<style type="text/css"></style>';
    }
}
add_action('wp_footer', 'remove_inline_styles', 9999);

HOME > wordpress設計術 > wp-親テーマのcssを無効にする

wordpress設計術

wordpress設計術

+ More