サポート » 使い方全般 » 子テーマスのタイルシートについて

  • はじめまして。
    現在レスポンシブのテンプレートをカスタマイズしている最中なのですが
    子テーマのスタイルシートで躓いてしまいました。
    ご教授よろしくお願いします。

    style.cssを子テーマとしてカスタマイズできているのですが、
    親テーマ内にstyle.cssとは別に『css』というフォルダがあり、
    その中に数点cssが格納されています。
    格納されてるcssをカスタマイズしたいのですがstyle.cssのように子テーマのフォルダに複製してカスタマイズしても反映されません。
    いろいろと解る範囲で試してみたのですが反映されません。。
    子テーマはstyle.cssのみしか反映されないのでしょうか?
    どうぞよろしくお願いします。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • こんにちは、

    子テーマはstyle.cssのみしか反映されないのでしょうか?

    テーマによって異なります。

    利用テーマ名が書かれていないので、一般論ですが 対応していないのであれば、

    /*
    Theme Name:     Kid
    Author:         Demetris
    Template:       twentyten
    */
    
    @import url('../twentyten/style.css');
    @import url('./another.css');/* import ルールで追加する*/
    #site-title a {
        color: #009900;
    }

    親テーマのcssディレクトリにあるスタイルシートをチャイルドテーマにコピーした上で、style.cssで、インポートするか、style.cssにペーストしてしまうという事になると思います。

    トピック投稿者 komagoma

    (@komagoma)

    nobitaさま

    ありがとうございます。
    nobitaさんに教えて頂いた様に他にもいろいろと試してみたのですがダメでした。
    私の方で何か間違っているのかもしれません。

    今回のテーマは購入したレスポンシブ対応のテンプレートになります。
    style.cssと同じ階層にcssフォルダがあり、その中に320.cssなどサイズごとのcssが格納されています。
    サイズごとのcssを子テーマの中でカスタマイズしたいと思っているのですが反映されません。

    /*
    Theme Name:     Kid
    Author:         Demetris
    Template:       twentyten
    */
    @import url('../twentyten/style.css');
    @import url('../twentyten/css/320.css');
    
    #site-title a {
        color: #009900;
    }

    他にも上記のようにもカスタマイズしてみたのですがダメでした。

    あと、Theme Name:の子テーマのディレクトリ名ですが「-」などを名前に使ってるのもダメなのかと思い試してみたのですがダメでした。

    また、他の仕方があればご教授頂ければと思います。

    style.cssと同じ階層にcssフォルダがあり、その中に320.cssなどサイズごとのcssが格納されています。

    茶いるテーマにcssホルダを作ったということであれば、

    @import url('./css/320.css');

    になります。
    動かなければ

    @import "css/320.css";

    としてみてください

    ブラウザにcssがキャッシュされる事もあるので、ソースを開いて、スタイルシートを開き、インポートルールが反映されている事も確認してください。

    これが、最も簡単な方法ですが、他にもやり方はありますので、不安にならないようにしてください

    トピック投稿者 komagoma

    (@komagoma)

    nobitaさま

    出来ました!!ありがとうございます!!
    wpをきちんと把握できていないので本当に助かりました。
    nobitaさんありがとうございます。

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • トピック「子テーマスのタイルシートについて」には新たに返信することはできません。