kanap

ありがとうございます。類似のプラグインで代用することにしました。

すいません、こちらも説明を端折りすぎました。

テーマはTwenty Twelveです。

Twenty Twelveを親テーマとし、サイトＡ、サイトＢ、サイトＣにそれぞれTwenty TwelveＡ、Twenty TwelveＢ、Twenty TwelveＣと子テーマを作っています。

【TwelveＡ】

@media screen and (max-width: 600px) {
    body {
        background-color: lightblue;
    }
}

【Twenty TwelveＢ】

@media screen and (max-width: 600px) {
    body {
        background-color: green;
    }
}

例えばこれでＡ，Ｂそれぞれに元のTwenty Twelveそのままで背景色のみ上書きすることができますが、変更したいのは「max-width」の数値です。

Twenty TwelveＡのみ600px⇒700pxにしたい場合、700pxで上書きしても、700pxまではそれが適用されますが、親テーマに600pxのコードがありますので、700～600まではその設定が適用されてしまいます。

CSSについては親テーマを利用せずに独自で作れば解決できますが、それはスマートな方法であるのかを確認したかったのです。

子テーマで変更箇所のみ上書きしていく方法は動きとして回りくどいかもしれませんが、親テーマのCSSはコードが長く複雑なので、最小限の変更のみ記載する方法は変更箇所が見やすく管理はしやすいと思いますし、テーマの更新でCSSが更新されることはまれかもしれませんが、その時も意識せずに更新できるというメリットがあると思います。

遅くなってすいません。ありがとうございました！使わせて頂きました。

ありがとうございます。自己解決しました。

詳細はわかりませんが、ChromeがIe、FirefoxとはCSSの対応が違うところがあり、指定しなおすことで対応しました。

挙動がおかしくなったので、参考通りに戻しました。

インポートした時点⇒エクスポートの間違いです。

サーバーの何を書けば良いのかわからないのですが、ハッスルサーバーからエックスサーバーに移転しています。

すいません、記事のバックアップから復旧を考えています。今回はデフォルトのエクスポート⇒インポートを使いました。