Bootstrapを使用したテーマで子テーマのCSSが適用されない

子テーマのCSSはちゃんと読み込まれているのにと頭を痛めていたが何とか解決する事が出来たのでメモ。

どうやらBootstrapの読み込み順が重要らしく、テーマのCSSより後に読み込まれたBootstrapが原因となっていた。

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css', array('bootstrap'));
}

上のコードを子テーマのfunctions.phpへ追記
array(‘bootstrap‘)の赤字部分は適宜書き換えの必要があって、bootstrap.min.cssを読み込んでいるLINKタグのIDから-cssを除去したものを入れる

例:hoge-bootstrap-cssとなっていればhoge-bootstrap

これでテーマのCSSより先にBootstrapが読み込まれるようになった。

よくわからんが動いてるからヨシ!

おすすめ記事
ドメイン変更

サイトのドメインを変更しました。 さくら Read more

初めてのPCR検査

下痢症状と38.5度の発熱があったんで掛 Read more

住宅の24時間換気と新型コロナ家庭内感染

新型コロナと家族感染、24時間換気システ Read more

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です