ミギムキ

[WordPress] 親テーマのスタイルシートを無効化したい

公開日:2018/10/18

やりたいこと

サイト作成には、あるテーマをベースに、スタイルは一から構築するというケースがあります
そういった場合、ベースとなる親テーマのスタイルが邪魔になって思うようにコーディングできない、なんていうことになりがちです
IDでスタイルが指定されていたり、!importantでスタイルが固定されようものならそら恐ろしいことになります
そんなときのための、親テーマのスタイルシートの読み込み自体をキャンセルする方法をご紹介します

サンプルコード（functions.php）

function denqueue_my_scripts() {
    $remove_styles = array( 'xxx', 'yyy' );

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

仕組み、解説、補足など

配列「$remove_styles」に格納したIDのスタイルシートを「wp_dequeue_style」で無効化しています
IDは、ソース表示した際、スタイルシートの読み込み時に設定されている「xxx-css」の「xxx」の部分を指定します（「-css」を取り除いた部分）

ご質問など受け付けています

記事の中でわかりにくかったところ、もっと知りたかったこと、間違っていることなど、何でもお気軽にご連絡ください。

ご連絡は下記フォームを利用いただくか、ツイッターアカウント@flat8migi宛てでもOKです。