親テーマのスタイルシートを@importを使わず読み込む

 現状子テーマのスタイルシートは空同然なので、当然デザインがめちゃくちゃになる。
 なので親のスタイルシートを読み込んで、変更したい部分だけ子テーマで上書きするという方法をとる。

 以前は@importを使うやり方が一般的だったらしいけど今は推奨されないようなので「functions.php」を使う方法でやってみる。

やりたい事

 @importを使わずに親テーマのスタイルシートを適応させる。

解決方法

1、子テーマに空の「functions.php」を作成する
2、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' );
}
?>

以上です。これで親テーマが反映されてデザインがまともになったv

コメントを残す

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