子テーマ化した状態でfunctions.php内にて親テーマのCSSを除外する方法

Question

子テーマ化した状態でfunctions.php内にて親テーマのCSSを除外する方法

やりたいこと
・特定の固定ページにて子テーマ内に存在するstyle.cssを読み込ませない
・親テーマのcssの読み込みを解除し、子テーマ内のstyle.cssのみ読み込みさせる

Answer 1

wp_dequeue_style()で該当のCSSを除外し、wp_enqueue_scriptsにフックすれば良いんじゃないですかね。

関数リファレンス/wp dequeue style - WordPress Codex 日本語版
https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/wp_dequeue_style

WordPressでhead内に自動で読み込まれるCSSとJavaScriptファイルを読み込ませない3つの方法
https://keikenchi.com/wordpress-haed-css-js-disable

Comments

[emerica]

ありがとうございます。関数自体は知っていましたが下記質問があります。

functions.php内に記載する
wp_dequeue_style( $handle );
の$handleは、子テーマ内のstyle.phpだとどういうソースになりますか？

[退会済みユーザー]

子テーマ内の functions.php に定義されている wp_enqueue_style() の第一引数です。大体は child-style 等になっているのではないでしょうか。

[emerica]

functions.php内でwp_enqueue_style()は使っておらず
下記を子テーマ内のCSSに記載しstyle.cssを反映しております。

Theme Name: XXXXXXXChild
Theme URI:
Description:
Author:
Author URI:
Template:
Version: 1.0
License: GNU GENERAL PUBLIC LICENSE
License URI: http://www.gnu.org/licenses/gpl.html

親テーマ内のどこかにwp_enqueue_style()が使われているという事でしょうか？

[退会済みユーザー]

いえ、それはないと思います。
wp_enqueue_style() が無いということは、require_once() で呼んでるか、style.css でimportしてるとかですかね。

どちらにせよ、CSSの制御をするならば、キューに追加する方法に書き換えた方が良いです。
WordPressCodex(日本語)に具体的なソースコードが載ってます。

https://wpdocs.osdn.jp/%E5%AD%90%E3%83%86%E3%83%BC%E3%83%9E

[emerica]

ありがとうございます、別の方法で解決しました。
回答いただき、ベストアンサー選定させて頂きます。