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してしまいえらいことになったそうです。

では。