子テーマでレスポンシブのカスタマイズ

PR 2015/3/19

このトピックには2件の返信、2人の参加者があり、最後にnegrosにより11年、 4ヶ月前に更新されました。

2件の返信スレッドを表示中

投稿者

投稿
- 2015年3月19日 10:55 AM #24020
  
  negros
  ゲスト
  
  はじめまして。
  
  子テーマを使用して、ブレイクポイントの変更・全体のwidthの変更を含むカスタマイズをしたいのですが、
  その場合の子テーマでのcssの取り扱いについてアドバイスをいただけないでしょうか。
  
  本来子テーマを使用してcssの編集をする場合、phpと違い「変更分のみ」を子テーマ側に記述するということですが、例えばレスポンシブのブレイクポイントを変更したい場合、responsive.cssで
  親テーマでは
  @media screen and (max-width:740px){….
  となっているのを同じ内容で例えばmax-width:900pxに変更する際に
  子テーマのresponsive.cssに
  @media screen and (max-width:900px){…
  とすると、結果的に親テーマと子テーマで２つのブレイクポイントが重複してしまうことになります。
  
  これを親テーマの編集なしに解決したいのですが、良い方法を教えていただけたら幸いです。
  お手数をお掛けしますが、よろしくお願い致します
- 2015年3月19日 6:00 PM #24048
  
  わいひら
  キーマスター
  
  僕は、今のところそういった方法は知らないです。
  親テーマを、書き換える以外でそのようにするには、
  @media screen and (max-width:740px){….
  で指定されているCSSセレクタを全て初期化するというかなり面倒な方法しか思いつきません。CSSセレクタ＋*（アスタリスク）を利用すれば、多少は記述量を減らすことができるかもしれませんが、それでも大変かもしれません。
- 2015年3月20日 10:27 AM #24099
  
  negros
  ゲスト
  
  ありがとう御座います。いろいろ試してみます。
投稿者

投稿

2件の返信スレッドを表示中

フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。