Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 子テーマでモバイル表示されない件
-
投稿者投稿
-
-
2015年8月27日 2:35 PM #31355うらしたゲスト
わいひら様
すでに他の人も質問されているようなのですが、どうしても解決できないので質問させてください。
私のサイト
http://urashita.com/
は子テーマを使っているのですがスマホ表示されません。子テーマは2014年12月30日あたりのsimplicityを使って
functions.php
style.css
のみ変更しており、それ以外は親テーマを使っています。不思議なことに、子テーマのfunctions.phpとstyle.cssを全部コメントアウトしてもやはりモバイル表示されません。
大変お手数なのですがどこをキーに調査したらよろしいでしょうか?
うらした
-
2015年8月27日 5:31 PM #31369わいひらキーマスター
とりあえずまずは、プラグインを全て停止してみるとか
Simplicity最新版をインストール(最新版の場合は再インストール)して親テーマのみを適用させてみて、同様の現象が起こるかどうか確認してみるとかでしょうか。 -
2015年8月27日 5:52 PM #31371Hidekichiゲスト
今現在は、モバイルで表示されていますが、何かしらの作業が行われたからでしょうか。
ただ、wp-content/themes/simplicity20141230-urashita/mobile.cssが読み込みエラーになっています。
アドレスから察するに、simplicity20141230-urashita←この部分がどうやら怪しいように思います。
その読み込み部分の下では/wp-content/themes/simplicity/skins/skin-template/mobile.cssでスキンのmobile.cssは読み込まれていますので、ますますアドレス指定が怪しいようにも思います。スキンを読み込んでるので必要ないのかも知れませんが、ひとまずエラーを取り除いてみるのも良いかと思います。
-
2015年8月27日 6:37 PM #31373うらしたゲスト
わいひら様、Hidekichi様
アドバイスありがとうございます。
wp-content/themes/simplicity20141230-urashita/が私が作った子テーマなので、この下には
私が修正したstyle.cssとfunction.phpのみしかありません。
style.cssから親テーマwp-content/themes/simplicityを読み込むようになっています。親テーマからmobile.cssをコピーして
wp-content/themes/simplicity20141230-urashita/に持ってくるようにして試してみます。うらした
-
2015年8月27日 11:04 PM #31382うらしたゲスト
わいひら様、Hidekichi様
wp-content/themes/simplicity20141230-urashita/mobile.cssを作成して
中身を
@import url(‘../simplicity/mobile.css’);
とするだけで直りました!
モバイルフレンドリーテストにも合格しました!ちなみに、Hidekichさん
> ただ、wp-content/themes/simplicity20141230-urashita/mobile.cssが読み込みエラーになっています。
これはどうやったらエラーかどうかわかるのでしょうか?
F12デバッグとかでしょうか?うらした
-
2015年8月27日 11:11 PM #31383Hidekichiゲスト
F12からデベロッパーツール開いて、その中のconsoleで確認します。
adblock系が入っている場合はそのブロックした要素、例えばGoogleAdsenseのスクリプトなども読み込めないぜとなるので、基本は一旦ブロックを停止して再読み込みし、consoleで確認します。consoleはjQueryのテストもできますし、かなり優秀なテストツールです。
-
2015年8月28日 7:18 AM #31398うらしたゲスト
Hidekichi様
ありがとうございます。
次回からは自分でも調査してみます!うらした
-
2015年8月28日 8:03 PM #31444わいひらキーマスター
最も古い子テーマ(simplicity-child20140727.zip)の中身を見てみましたが、その子テーマにもmobile.cssは存在していて、以下のような記述はありました。
@charset "UTF-8"; @import url("../simplicity/mobile.css");
12月時点の子テーマ(simplicity-child20141130.zip)でも存在しています。
自作の子テーマではなく配布子テーマを使用していたのであれば、詳しいことはわからないですが、何かの拍子に、消してしまったか、何かではないかと思います。
配布している子テーマのmobile.cssに不具合は確認できませんでした。
-
-
投稿者投稿
- トピック「子テーマでモバイル表示されない件」には新しい返信をつけることはできません。