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

wordpressカスタマイズwordpressでブログを作ろう

 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の子テーマ化は注意が必要。

コメント

タイトルとURLをコピーしました