子テーマでモバイル表示されない件

7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #31355
      うらした
      ゲスト

      わいひら様

      すでに他の人も質問されているようなのですが、どうしても解決できないので質問させてください。
      私のサイト
      http://urashita.com/
      は子テーマを使っているのですがスマホ表示されません。

      子テーマは2014年12月30日あたりのsimplicityを使って
      functions.php
      style.css
      のみ変更しており、それ以外は親テーマを使っています。

      不思議なことに、子テーマのfunctions.phpとstyle.cssを全部コメントアウトしてもやはりモバイル表示されません。

      大変お手数なのですがどこをキーに調査したらよろしいでしょうか?

      うらした

    • #31369
      わいひらわいひら
      キーマスター

      とりあえずまずは、プラグインを全て停止してみるとか
      Simplicity最新版をインストール(最新版の場合は再インストール)して親テーマのみを適用させてみて、同様の現象が起こるかどうか確認してみるとかでしょうか。

    • #31371
      Hidekichi
      ゲスト

      今現在は、モバイルで表示されていますが、何かしらの作業が行われたからでしょうか。
      ただ、wp-content/themes/simplicity20141230-urashita/mobile.cssが読み込みエラーになっています。
      アドレスから察するに、simplicity20141230-urashita←この部分がどうやら怪しいように思います。
      その読み込み部分の下では/wp-content/themes/simplicity/skins/skin-template/mobile.cssでスキンのmobile.cssは読み込まれていますので、ますますアドレス指定が怪しいようにも思います。

      スキンを読み込んでるので必要ないのかも知れませんが、ひとまずエラーを取り除いてみるのも良いかと思います。

    • #31373
      うらした
      ゲスト

      わいひら様、Hidekichi様

      アドバイスありがとうございます。
      wp-content/themes/simplicity20141230-urashita/が私が作った子テーマなので、この下には
      私が修正したstyle.cssとfunction.phpのみしかありません。
      style.cssから親テーマwp-content/themes/simplicityを読み込むようになっています。

      親テーマからmobile.cssをコピーして
      wp-content/themes/simplicity20141230-urashita/に持ってくるようにして試してみます。

      うらした

    • #31382
      うらした
      ゲスト

      わいひら様、Hidekichi様

      wp-content/themes/simplicity20141230-urashita/mobile.cssを作成して
      中身を
      @import url(‘../simplicity/mobile.css’);
      とするだけで直りました!
      モバイルフレンドリーテストにも合格しました!

      ちなみに、Hidekichさん
      > ただ、wp-content/themes/simplicity20141230-urashita/mobile.cssが読み込みエラーになっています。
      これはどうやったらエラーかどうかわかるのでしょうか?
      F12デバッグとかでしょうか?

      うらした

    • #31383
      Hidekichi
      ゲスト

      F12からデベロッパーツール開いて、その中のconsoleで確認します。
      adblock系が入っている場合はそのブロックした要素、例えばGoogleAdsenseのスクリプトなども読み込めないぜとなるので、基本は一旦ブロックを停止して再読み込みし、consoleで確認します。

      consoleはjQueryのテストもできますし、かなり優秀なテストツールです。

    • #31398
      うらした
      ゲスト

      Hidekichi様

      ありがとうございます。
      次回からは自分でも調査してみます!

      うらした

    • #31444
      わいひらわいひら
      キーマスター

      最も古い子テーマ(simplicity-child20140727.zip)の中身を見てみましたが、その子テーマにもmobile.cssは存在していて、以下のような記述はありました。

      @charset "UTF-8";
      @import url("../simplicity/mobile.css");

      12月時点の子テーマ(simplicity-child20141130.zip)でも存在しています。

      自作の子テーマではなく配布子テーマを使用していたのであれば、詳しいことはわからないですが、何かの拍子に、消してしまったか、何かではないかと思います。
      配布している子テーマのmobile.cssに不具合は確認できませんでした。

7件の返信スレッドを表示中
  • トピック「子テーマでモバイル表示されない件」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)