wordpress PC用のページをそのままスマホで表示する方法（非レスポンシブ）
20.05.07
現在はＰＣとスマホで表示を切り替えるのにレスポンシブを採用するのが普通になってきてますよね。
でも中には、ＰＣで表示しているデザインをそのままスマホで表示してほしいなんて依頼があります。
そんなときは、以下のコード入力が役に立ちます。
レスポンシブに対応するのではなく、PC用にコーディングしたソースをそのまま綺麗にスマホでも見れるようにする方法です。
headerのviewportを以下に変更する。
|
1 |
<meta name="viewport" content="width=1240"> |
たった一行だけ変更で対応できます。
widthは適宜変えることで、表示の最大幅を調整できます。
「WPR menu」などのスマホ用のメニュープラグインは無効化にしてください。
こういったスマホ用のプラグインが有効化している場合は、うまく表示されない場合が多いです。
cssをレスポンシブ用にしている場合でも、これだけでスマホでＰＣ表示になります。
スマホ用cssをいじることなく対応できるのがうれしいですね。
ぜひお試しください！
お役に立てましたらadsenseクリックお願いします！
いかがでしたでしょうか？もしお役に立てましたら、お賽銭のつもりでadsenseをポチっとクリックお願いします！↓上手くいきますようにお祈りしておきます！
関連記事
-
2018.11.20 スクロールすると画面上部に固定されたメニューバーが出現する方法 -
2023.08.18 Xサーバーでマルウェアに感染したら！復元リカバリー方法！ -
2021.04.14 wordpress contactform7が迷惑メールにならないようにSPF設定をする
-
2018.10.27 粒子状のパーティクルを背景に表示させる方法。
-
2022.07.12 Googleフォントを手軽にcssで使う方法
-
2024.06.28 フリーランスとしてのキャリア: 初心者Webデザイナー向けガイド
