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が読み込まれるようになった。

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

コメントを残す

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

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.