スマホの対象cssファイルについて

  • このトピックには3件の返信、2人の参加者があり、最後にTakaoにより11年、 4ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #2832
      Takao
      ゲスト

      お世話になります。
      最新バージョンにおいて、スマホの対象となるCSSファイルについてお教え頂きたく思います。

      バージョンを「Simplicity20140924」にアップデートした後、スマホの見出しをカスタマイズしようと思い「mobile.css」を変更しましたが反映されませんでした。
      確認したところ、子テーマ化している「mobile.css」自体が機能していませんでした。
      結果的には「responsive.css」を変更することにより、見出しを変更することができました。
      なお「responsive.css」は子テーマ化できません(反映されません)でした。

      今までは「mobile.css」でスマホ等のデザイン変更を行えると認識しておりましたが、この認識は誤りでしょうか。
      また、今回のバージョンアップにて変更があった、私の環境に問題がある可能性がある等のご指摘等も合わせて頂けましたら幸いです。
      宜しくお願いします。

    • #2833
      Takao
      ゲスト

      追記)
      「responsive.css」ではパソコンでのデザインも変更されるんですね…。

      「mobile.css」が適用されない可能性についてご教授頂けましたら幸いです。

    • #2836
      アバター画像わいひら
      キーマスター

      確認したところ、子テーマ化している「mobile.css」自体が機能していませんでした。
      結果的には「responsive.css」を変更することにより、見出しを変更することができました。

      テーマカスタマイザーから、完全レスポンシブデザインにするとこういった仕様になります。

      今までは「mobile.css」でスマホ等のデザイン変更を行えると認識しておりましたが、この認識は誤りでしょうか。

      完全レスポンシブデザインを使用しなければ、その認識でOKです。

      「responsive.css」ではパソコンでのデザインも変更されるんですね…。
      「mobile.css」が適用されない可能性についてご教授頂けましたら幸いです。

      完全レスポンシブスタイルを適用しているので、完全モバイル用デザインのmobile.cssは適用されません。
      どうしても、レスポンシブスタイルでモバイル用のスタイルシートを読み込みたいのであれば、header.phpをカスタマイズして、独自に作成したCSSを読み込むようにする必要があります。

      なお「responsive.css」は子テーマ化できません(反映されません)でした。

      これは確かに子テーマに反映させるのを忘れていました。
      「responsive.css」を子テーマ化するには、同ファイルを子テーマにも作成して以下のように書きます。

      @charset "UTF-8";
      @import url("../simplicity/responsive.css");
    • #2879
      Takao
      ゲスト

      完全レスポンシブデザインについて認識不足でした。ありがとうございます。
      いつもご丁寧にご返信くださり、感謝しております。

3件の返信スレッドを表示中
  • トピック「スマホの対象cssファイルについて」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)