WordPressのテーマのSWELLでスマホがレシポンシブ対応にならなくて困った原因と解決法
目次
相談内容
複数のサイト(A、B、C、D)をWordPressで運営していてテーマにSWELLを使用しています。
そのうち、サイトAだけがスマホで閲覧してもPC表示になってしまうので困っています。
サイトＡの設定のどこを変更するとレシポンシブ対応になるでしょう?
問診の結果
- 私のスマホで確認したところレシポンシブ対応になっていた
⇒原因の切り分けとして「サイトAの問題ではない」 - 相談者のスマホで別のサイト(B、C、D)はレシボンシブ対応になっている
⇒原因の切り分けとして「相談者のスマホに不具合があるわけではない」
原因と対応策
今回の原因はサイトＡを閲覧する際にスマホの設定が「PC版サイト」になっていたからでした。
- ChromeでサイトＡを表示してもらいました⇒レシポンシブ非対応
- 画面の右上の︙を選択して「PC版サイト ■」の■を□にしてもらいました⇒解決！
これで、サイトＡをスマホで閲覧するとレシボンシブ対応で表示されました。
今回のまとめ
SWELLには「サイト全体をスマホでもPC表示にする」という通常設定は基本的にありません。
そのため、1サイトだけスマホでPC表示になる場合は、SWELL設定よりも他の原因を探します。
このように原因を切り分けていくと原因が絞り込まれていき解決につながっていきます。
なかなか気づきませんが、原因がわかるとすっきりしますね！