wordpress PC用のページをそのままスマホで表示する方法（非レスポンシブ）
20.05.07
現在はＰＣとスマホで表示を切り替えるのにレスポンシブを採用するのが普通になってきてますよね。
でも中には、ＰＣで表示しているデザインをそのままスマホで表示してほしいなんて依頼があります。
そんなときは、以下のコード入力が役に立ちます。
レスポンシブに対応するのではなく、PC用にコーディングしたソースをそのまま綺麗にスマホでも見れるようにする方法です。
headerのviewportを以下に変更する。
|
1 |
<meta name="viewport" content="width=1240"> |
たった一行だけ変更で対応できます。
widthは適宜変えることで、表示の最大幅を調整できます。
「WPR menu」などのスマホ用のメニュープラグインは無効化にしてください。
こういったスマホ用のプラグインが有効化している場合は、うまく表示されない場合が多いです。
cssをレスポンシブ用にしている場合でも、これだけでスマホでＰＣ表示になります。
スマホ用cssをいじることなく対応できるのがうれしいですね。
ぜひお試しください！
お役に立てましたらadsenseクリックお願いします！
いかがでしたでしょうか？もしお役に立てましたら、お賽銭のつもりでadsenseをポチっとクリックお願いします！↓上手くいきますようにお祈りしておきます！
関連記事
-
2022.09.28 サイト立ち上げ時（SSL後）、「サイトが安全でない」の鍵マークが出た時の対処 -
2021.05.25 Pagespeed insights高速化まとめ -
2024.06.25 SSL証明書を証明書としてダウンロードする方法
-
-
2024.04.08 2024年度版 Googleアナリティクスコンバージョン設定方法
-
2026.01.17 アクア new twitter instagramアイコンの表示設定
