2018年7月18日水曜日

WordPress 子テーマでCSSが反映されない問題

このことについてググってみると色んな情報があったことから、せっかく子テーマを作ったのに、CSSが反映されないと悩んでいる人は私だけではなかったようです。

私の場合、綴り間違いとか、順番が違うとかと言ったことではなくて、コンポン的に全然読み込んでないのがわかっていたので、何か単純な問題ではないかと思って調べてみた結果、こちらで説明されていた方法で解決した!





functions.php の冒頭に下記のように記述してCSSのバージョンを指定

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
        wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
        wp_enqueue_style( 'child-style',
                        get_stylesheet_directory_uri() . '/style.css',
                        array('parent-style'),
                        filemtime( get_theme_file_path( 'style.css' ) )
        );
}


これで子テーマのCSSが見事読み込めました!


0 件のコメント:

コメントを投稿