wordpress PC用のページをそのままスマホで表示する方法（非レスポンシブ）
20.05.07
現在はＰＣとスマホで表示を切り替えるのにレスポンシブを採用するのが普通になってきてますよね。
でも中には、ＰＣで表示しているデザインをそのままスマホで表示してほしいなんて依頼があります。
そんなときは、以下のコード入力が役に立ちます。
レスポンシブに対応するのではなく、PC用にコーディングしたソースをそのまま綺麗にスマホでも見れるようにする方法です。
headerのviewportを以下に変更する。
|
1 |
<meta name="viewport" content="width=1240"> |
たった一行だけ変更で対応できます。
widthは適宜変えることで、表示の最大幅を調整できます。
「WPR menu」などのスマホ用のメニュープラグインは無効化にしてください。
こういったスマホ用のプラグインが有効化している場合は、うまく表示されない場合が多いです。
cssをレスポンシブ用にしている場合でも、これだけでスマホでＰＣ表示になります。
スマホ用cssをいじることなく対応できるのがうれしいですね。
ぜひお試しください！
お役に立てましたらadsenseクリックお願いします！
いかがでしたでしょうか？もしお役に立てましたら、お賽銭のつもりでadsenseをポチっとクリックお願いします！↓上手くいきますようにお祈りしておきます！
関連記事
-
2023.11.07 Googleビジネスプロフィール登録方法（旧グーグルマイビジネス） -
2024.06.28 タイポグラフィの基本: 初心者Webデザイナー向けガイド
-
2023.06.20 BackWPupの使い方・復元の仕方 -
2024.09.20 cssだけで背景画像を右から左へループさせる -
2024.06.21 css 文字がジャンプする
-
