Title: 子テーマにcssが反映されない（functions.phpにコード記述）
Last modified: 2016年10月3日

---

# 子テーマにcssが反映されない（functions.phpにコード記述）

 *  解決済 [sasaido1](https://ja.wordpress.org/support/users/sasaido1/)
 * (@sasaido1)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/)
 * 使用テーマ：
    stinger3forFANS Wordpressバージョン： 4.4.2
 * 子テーマを作成しています。
    子テーマのフォルダにはstyle.cssとfunctions.phpのみ
   入れている状態です。
 * その際、
    style.cssに@import url(“../●●●/style.css”); を記述するやり方はよくない
   とのことで、代わりにfunctions.phpにphpコードを記述するやり方で行いました。
 * 参考にした記事：
    [https://mono96.jp/archives/26592](https://mono96.jp/archives/26592)
   これとまったく同じことをやりました。
 * ですが、サーバーにアップしてみると、
    cssが適用されていません。 一体どこが間違
   っていたのでしょうか？ ちなみに、前述のcssに@importのやり方だとちゃんと反映さ
   れました。
 * 見るべき箇所、怪しいと思われる箇所のヒントなどでも構いません。
    よろしくお願い
   します。

15件の返信を表示中 - 1 - 15件目 (全15件中)

 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183442)
 * > これとまったく同じことをやりました。
 * コピーしてペーストしただけということはないですよね。
 *  トピック投稿者 [sasaido1](https://ja.wordpress.org/support/users/sasaido1/)
 * (@sasaido1)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183446)
 * 返信ありがとうございます。
 * はい、そのままコピペしました。
    具体的には以下の内容を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’);
   wp_enqueue_style( ‘child-style’, get_stylesheet_directory_uri() . ‘/style.css’,
   array(‘parent-style’) ); } ?>
 * これが原因なのでしょうか？
 * ちなみにstyle.cssは下記の通りです。
    /* Theme Name: stinger3-child Author: sasaido
   Template: stinger3forFANS */
 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183447)
 * style.cssに@import url(“../●●●/style.css”);
    なぜ伏せ時にされているのか理解し
   難いですが、この箇所、 実際は../**stinger3forFANS**/style.cssになっていますか。
   stinger3forfansではありませんか？
 * 同様に子テーマのディレクトリ名はstinger3-childですか？
 *  トピック投稿者 [sasaido1](https://ja.wordpress.org/support/users/sasaido1/)
 * (@sasaido1)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183450)
 * 返信ありがとうございます。
 * ちょっと説明がわかりづらかったかもしれません。
    質問を整理させて頂きます。
 * 私はワードプレスでブログを運営しており、子テーマを作ろうとしています。
    私が調べ
   たところ、子テーマの作り方は二つあり、それは以下の通りです。
 * ①style.cssに@importを含むコードを記述するもの
 * ②functions.phpにコードを記述するもの
 * ①の方法は試してみて成功しましたが、サイト表示が遅くて現在は非推奨とのことなので、
   ②の方法を試しましたところ、うまくいきませんでした。
 * そこで、質問した内容になります。
    ②のやり方で間違っている箇所を教えてください。
 * 맹조さんのご回答部分は①の方法に当たる部分で、問題なく表示できました。
    ②の方法
   について何かご存知であればご回答頂ければと思います。 よろしくお願いします。
 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183452)
 * 示唆では伝わってないので無礼を承知で端的に書きます。
    使用テーマ： stinger3forFANS
   の style.css の頭は以下に成ってませんか。
 * /*———————————————————
    Theme Name: stinger3verFANS2 Theme URI: [http://stinger3.com](http://stinger3.com)
   Description: stinger3 Author: enji Author URI: [http://stinger3.com](http://stinger3.com)
   License: License URI: Version: 20140502 ———————————————————*/
 *  トピック投稿者 [sasaido1](https://ja.wordpress.org/support/users/sasaido1/)
 * (@sasaido1)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183458)
 * 返信ありがとうございます。
    まさにそのようになっております。 下の方だけ少し違い
   ます。
 * /*———————————————————
    Theme Name: stinger3verFANS2 Theme URI: [http://stinger3.com](http://stinger3.com)
   Description: stinger3 Author: enji Author URI: [http://stinger3.com](http://stinger3.com)
   License: License URI: Version: 20140502 ———————————————————*/ @charset “UTF-8”;/*—————————–
   RESET ——————————*/
 * ここが何かの原因なのでしょうか？
 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183459)
 * で、あれば
 * > /*
   >  Theme Name: stinger3-child Author: sasaido Template: stinger3forFANS */
 * なぜに、こう書かれたのでしょうか？
 *  トピック投稿者 [sasaido1](https://ja.wordpress.org/support/users/sasaido1/)
 * (@sasaido1)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183461)
 * その記述は、子テーマフォルダ内のstyle.cssにした記述です。
 * 一つ前に返信したものは
    親テーマであるstinger3verFANS2フォルダ内のstyle.cssの
   記述です。
 * 子テーマの名前は任意で決められるとのことでstinger3-childとしました。
    Authorは
   一応、子テーマ作成者である自身の名前を記述しました。
 * よろしくお願いします。
 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183462)
 * > その記述は、子テーマフォルダ内のstyle.cssにした記述です。
 * ですよね。それはわかります。
    でも、親テーマであるstinger3verFANS2フォルダ内の
   style.cssの宣言は、
 * > /*———————————————————
   >  Theme Name: stinger3verFANS2
 * ですね。
 *  トピック投稿者 [sasaido1](https://ja.wordpress.org/support/users/sasaido1/)
 * (@sasaido1)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183463)
 * 元テンプレートのテーマネームが違うということでしょうか。
 * 親テーマのフォルダ名はstinger3forFANSとなっています。
    記述は /*———————————————————
   Theme Name: stinger3verFANS2
 * となっています。
    ちなみに、ここらへんはリネームや書き換えを一切行っていません。
   デフォルトのままです。
 * これに気づき、
    子テーマcss内も /* Theme Name: stinger3-child Author: sasaido
   Template: stinger3verFANS2 */
 * にしてアップロードしてみたのですが、やはりcssは適用されませんでした。
 *  [nobita](https://ja.wordpress.org/support/users/nobita/)
 * (@nobita)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183582)
 * こんにちは、
 * > 以下の内容をfunctions.phpにコピペしました。
 * に提示されているコードですが、
 * 間違っていないと思います
 * チャイルドテーマのスタイル指定に、依存関係の配列が記述されていますが
 * 依存関係の配列を間違えて、修正したような場合
 *     ```
       array('parent-style')
       ```
   
 * チャイルドテーマのスタイルシートがロードされにくくなることはあるようです。
 * なので、チャイルドテーマのハンドル名（第一引数）を変更してみるとどうですか？
 *  モデレーター [Seisuke Kuraishi](https://ja.wordpress.org/support/users/tenpura/)
 * (@tenpura)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183583)
 * > ちなみに、前述のcssに@importのやり方だとちゃんと反映されました。
 * 親テーマの CSS 自体は読み込まれているけど正しく反映されないという状況でしょう
   か？その場合、親テーマの構成により稀に `@import` 方式でないと上手くいかないもの
   があるようです。どうしても PHP で読み込ませたい場合は、お使いの親テーマのサポート
   に問い合わせる方が早いかもしれません。
 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183588)
 * チャイルドテーマで stinger2 から使い始めて、現在 stinger7 を使っているサイトと
   別に、新しいサイトに stinger3forFANS をインストールして一から「theme_enqueue_styles」
   方法で試みましたが、支障なくチャイルドテーマに出来ました。
 * > この子テーマは親テーマ stinger3verFANS2 のテンプレートを引き継ぎます。
 * と出ています。
 *  トピック投稿者 [sasaido1](https://ja.wordpress.org/support/users/sasaido1/)
 * (@sasaido1)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183604)
 * 解決しました。
 * 間違ったフォルダにアップロードしていたのが原因でした。
    参考としてだしたやり方
   のままで無事子テーマｃｓｓを反映させることができました。
 * お騒がせしました。
    親身に答えて頂き、本当にありがとうございました。
 *  [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * (@digitmaetel)
 * [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183605)
 * 記述には一切の誤りはない、という鼻息でしたが。

15件の返信を表示中 - 1 - 15件目 (全15件中)

 トピック「子テーマにcssが反映されない（functions.phpにコード記述）」には新たに返信
することはできません。

## タグ

 * [CSS](https://ja.wordpress.org/support/topic-tag/css/)
 * [functions.php](https://ja.wordpress.org/support/topic-tag/functions-php/)
 * [子テーマ](https://ja.wordpress.org/support/topic-tag/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e/)

 * フォーラム: [テーマ](https://ja.wordpress.org/support/forum/themes/)
 * 15件の返信
 * 4人の参加者
 * 最後の返信者: [천궁 메텔](https://ja.wordpress.org/support/users/digitmaetel/)
 * 最後の活動: [10年、 6ヶ月前](https://ja.wordpress.org/support/topic/%e5%ad%90%e3%83%86%e3%83%bc%e3%83%9e%e3%81%abcss%e3%81%8c%e5%8f%8d%e6%98%a0%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%ef%bc%88functionsphp%e3%81%ab%e3%82%b3%e3%83%bc%e3%83%89%e8%a8%98%e8%bf%b0%ef%bc%89/#post-183605)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック