Home > ウェブデザイン備忘録 > wordpress PC用のページをそのままスマホで表示する方法（非レスポンシブ）

wordpress PC用のページをそのままスマホで表示する方法（非レスポンシブ）

20.05.07
ウェブデザイン備忘録

現在はＰＣとスマホで表示を切り替えるのにレスポンシブを採用するのが普通になってきてますよね。
でも中には、ＰＣで表示しているデザインをそのままスマホで表示してほしいなんて依頼があります。
そんなときは、以下のコード入力が役に立ちます。
レスポンシブに対応するのではなく、PC用にコーディングしたソースをそのまま綺麗にスマホでも見れるようにする方法です。

headerのviewportを以下に変更する。

たった一行だけ変更で対応できます。
widthは適宜変えることで、表示の最大幅を調整できます。

「WPR menu」などのスマホ用のメニュープラグインは無効化にしてください。
こういったスマホ用のプラグインが有効化している場合は、うまく表示されない場合が多いです。

cssをレスポンシブ用にしている場合でも、これだけでスマホでＰＣ表示になります。
スマホ用cssをいじることなく対応できるのがうれしいですね。
ぜひお試しください！

お役に立てましたらadsenseクリックお願いします！

いかがでしたでしょうか？もしお役に立てましたら、お賽銭のつもりでadsenseをポチっとクリックお願いします！↓上手くいきますようにお祈りしておきます！

«
»

関連記事