wordpressで子テーマのcssが上書きされない。
こんばんは。
最底辺です。
前回、こちらの記事で記載したように子テーマを設定して
sytle.cssを編集していたのですが、サイトのフォントをメイリオにしようと設定したのですが、
なぜか反映されていません。
どうやら、子テーマのstyle.cssを親テーマのsytle.cssが上書きしているようです。
そんな設定を推奨しているwordpressってどうなのよ！！と思いましたが、
仕方ないので対策を考えます。
で何やら良い方法がある模様です。
前回設定したfunctions.phpに記載して別のcssを読み込むように設定します。
ここでは、custom-style.cssという名です。
server$ vi functions.php
-----------------------------------------
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' ); // 親テーマのcss
wp_enqueue_style( 'custom-style', get_stylesheet_directory_uri() . '/custom-style.css', array('parent-style' )); // 子テーマのcss
}
?>
-----------------------------------------
で、custom-style.cssにファイルを設定
server$ vi custom-style.css ----------------------------------------- （上書きしたいcss設定を追加。） -----------------------------------------
ちなみにsytle.cssは必要ですので、
消さないようにしましょう。
どこかの最底辺は、sytle.cssをmvしてしまいえらいことになったそうです。
では。