wordpress PC用のページをそのままスマホで表示する方法（非レスポンシブ）
20.05.07
現在はＰＣとスマホで表示を切り替えるのにレスポンシブを採用するのが普通になってきてますよね。
でも中には、ＰＣで表示しているデザインをそのままスマホで表示してほしいなんて依頼があります。
そんなときは、以下のコード入力が役に立ちます。
レスポンシブに対応するのではなく、PC用にコーディングしたソースをそのまま綺麗にスマホでも見れるようにする方法です。
headerのviewportを以下に変更する。
|
1 |
<meta name="viewport" content="width=1240"> |
たった一行だけ変更で対応できます。
widthは適宜変えることで、表示の最大幅を調整できます。
「WPR menu」などのスマホ用のメニュープラグインは無効化にしてください。
こういったスマホ用のプラグインが有効化している場合は、うまく表示されない場合が多いです。
cssをレスポンシブ用にしている場合でも、これだけでスマホでＰＣ表示になります。
スマホ用cssをいじることなく対応できるのがうれしいですね。
ぜひお試しください！
関連記事
-
-
2018.11.20 スクロールすると画面上部に固定されたメニューバーが出現する方法 -
2023.08.18 Xサーバーでマルウェアに感染したら！復元リカバリー方法！ -
2018.10.27 粒子状のパーティクルを背景に表示させる方法。
-
2022.05.09 Xサーバーメールアドレスの追加方法 -
2021.02.08 新サクラサーバーとお名前.coｍでワードプレスの設定する
