Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › iPhone6などでのモバイル表示について
- このトピックには6件の返信、2人の参加者があり、最後ににより1年、 7ヶ月前に更新されました。
-
投稿者投稿
-
-
2017年7月7日 5:34 PM #53709Jiroゲスト
いつも便利に使わせていただいております。
モバイル表示について質問させてください。
いくつかのスマホでモバイル表示がなされません。
具体的な状況なのですが、
URL http://etoile-shizuoka.com/
カスタマイザにて、モバイルのスライドインメニューを表示オンにしていますこの状態で、iPhone6にてスライドインメニューが表示されません。
完全レスポンシブのオンオフ、両方とも試しました。また、完全レスポンシブをオフにしても、mobile.cssを読み込んでないようなのです。
数種類のブラウザで試しましたので、ブラウザ側の設定ではなさそうです。
iPhone6だけでなく、Androidの端末でも一部同様の症状が出ています。
すべてのモバイル機器において、スライドインメニューを表示させる、いい方法はありますでしょうか?
-
2017年7月7日 6:17 PM #53710Jiroゲスト
申し訳ございません。
スライドインメニューは、完全レスポンシブONの状態では、使用できませんよね。質問を変えます。
iPhone 6にて、mobile.cssが読み込まれない状況をなんとかしたいです。
キャッシュを利用するプラグインは使用しておりません。
もしかしたら、simplicityの問題ではなく、wp_is_mobileの関数の問題なのでしょうか?
-
2017年7月7日 10:22 PM #53713かうたっくゲスト
こんばんは^^
いくつかのスマホでモバイル表示がなされません。 ~ 中略 ~ カスタマイザにて、モバイルのスライドインメニューを表示オンにしています この状態で、iPhone6にてスライドインメニューが表示されません。
数時間前に確認したとき、メニューはスライドして出てきました。アンドロイド・iPhone・PCでみたiPhone6ともに。※『キャッシュもcookie』ない状態です。
メニューをクリックしたら開き、表示もキチンとされてましたよ。ただ、CSSが反映されてない状態。
mobile.cssを、メディアクエリ@media screen and (max-width: ***px) { /*ここにスタイル*/ }を使って親テーマにstyle.cssに書くと、反映されました。スライドインメニューは、完全レスポンシブONの状態では、使用できませんよね。
私の環境ではスライドインメニューはonで表示されます…。
※Simplicity2バージョン: 2.5.5
『
- 完全レスポンシブ表示を有効でチェックあり。
- モバイルメニューは、アコーディオン(デフォルト)にチェックあり
- さらに『スライドインメニューを日本語表示』にはチェックが入ってます^^;
スライドインメニューを日本語表示
スライドインメニューを日本語で表示するか。(※モバイルメニュータイプをスライドイン選択しているとき。
』
完全レスポンシブONの状態だと思ったのですが、mobile.cssにある ほかの項目はなんで反映するか、逆に不思議でしたけど、数時間前もオフ状態だったんだと思ったほどでした・・・。
-
2017年7月8日 8:28 PM #53731わいひらキーマスター
完全レスポンシブONの状態では、スライドインメニューは表示されない仕様だと思います。また、その状態のときは、mobile.cssも読み込まれない仕様です。完全レスポンシブ機能が有効な時は、responsive.cssが読み込まれるようになっています。
確かこのように作ったような気がします。
Simplicity子テーマ内に入っているファイルの役割について解説試験用アンドロイド動作環境ではスライドインメニューは問題なく表示されているようです。
-
2017年7月9日 11:16 AM #53743Jiroゲスト
かうたっく さま
わいひら さまご確認、ご指摘をくださり、本当にありがとうございます。
すべてのデバイスやOSでテストをしたわけではないので、ハッキリとしたことは申し上げられないのですが、一部のiPhone6や、androidの端末をモバイル機器だと認識しないような挙動が続いています。
完全レスポンシブがOFFの状態でmobile.cssが反映されないことが、根拠です。
暫定的な対策としましては、
■mobile.cssを読み込まない問題について
style.cssにメディアクエリを使い、mobile.cssに記述した内容を転記■スライドインメニューが表示されない問題について
「PCでサイドバーをレスポンシブ表示」をOFFにし、グローバルナビを表示するという方法をとりました。
原因など、詳細がわかりましたら、報告いたします。
本当にありがとうございます。
-
2017年7月9日 8:23 PM #53746かうたっくゲスト
わいひらさんより
完全レスポンシブONの状態では、スライドインメニューは表示されない仕様だと思います。また、その状態のときは、mobile.cssも読み込まれない仕様です。
Jiroさんより
完全レスポンシブがOFFの状態でmobile.cssが反映されないことが、根拠です
かうたっくより
メニューはスライドして出てきました。アンドロイド・iPhone・PCでみたiPhone6ともに。※『キャッシュもcookie』ない状態です。
メニューをクリックしたら開き、表示もキチンとされてましたよ。ただ、CSSが反映されてない状態。
mobile.cssを、メディアクエリ@media screen and (max-width: ***px) { /*ここにスタイル*/ }を使って親テーマにstyle.cssに書くと、反映されました。Jiroさんより
完全レスポンシブがOFFの状態でmobile.cssが反映されないことが、根拠です。
例えば、mobile.cssの項目を、メディアクエリを使って親テーマにstyle.cssに書く。その後キャッシュを切って画面を更新すれば、反映しましたか?※不具合の原因を、特定するためとしても。
-
2017年7月9日 9:42 PM #53755わいひらキーマスター
■mobile.cssを読み込まない問題について
僕のテスト環境からでは、モバイル表示させると問題なくmobile.cssも読み込まれているようです。
https://wp-simplicity.com/wp-content/uploads/2017/07/2017-07-09_21h12_20-1.png
ちょっと不具合を再現出来ないため、動作不良時のガイドラインに書かれている以上のことは分からないかもしれません。
そういった時の原因としては、プラグイン、ページキャッシュプラグイン、ブラウザキャッシュ、とかが高いのですが、今回の原因かまでは不明です。
あと、Simplicityの親テーマを有効にして、同様の不具合が再現するかも確認してみてください。
-
-
投稿者投稿
- フォーラム「テーマファイルのカスタマイズに関する質問など」には新規投稿および返信を追加できません。