スマートフォン専用スタイルシートphpが子テーマで反映されない

　wordpressテーマSTINGER3のsmart.css（スマートフォン用のスタイルシート）の子テーマが反映されていないことに気がついた。

　どうしてsmart.cssが反映されていないんだろう？

　実はすごく簡単な方法で子テーマのsmart.cssが反映されることが判明したので皆様にもご報告。

スマートフォン専用スタイルシートphpが子テーマで反映されない原因

　スマートフォン専用スタイルシートphpが子テーマで反映されない場合、問題は子テーマのheader.php内のCSS切り替えの記載にあったらしい。

　STINGER3でなくても、子テーマでスマートフォン用のスタイルシートとスタイルシートを分けて別々のphpファイルにして使うときには同じように処理しないとスマートフォン用のスタイルシートが反映されないようだ。

スマートフォン専用スタイルシートphpを子テーマで利用する方法

　子テーマのheader.php内の以下の部分を書き換える。

・書き換え前

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/smart.css" type="text/css" media="all" />

・書き換え後

<link rel="stylesheet" href="<?php echo get_stylesheet_directory_uri(); ?>/smart.css" type="text/css" media="all" />

＊子テーマにheader.phpをアップロードしていない場合は子テーマフォルダ内に親テーマのheader.phpをコピーしてアップロードする。

wordpress初心者の子テーマ作成ポイント

・wordpressの子テーマを作るときにはheader.phpもいっしょに子テーマ化する。

・子テーマのheader.phpの<link rel="stylesheet" href="<?は書き換えが必要。

・function.phpの子テーマ化は注意が必要。