プロに聞く!ワードプレス・スマホ表示時の幅の不具合の理由

ホクオ
にがうりくん、ヘルプミー!

スマホで表示すると横幅がこんな風に狭くなってしまいました〜。しかもページによって、こうなってたり、なってなくてふつうに全幅で表示されていたりします。わけがわかりません。なんで〜?
にがうりくん
これは、こうなってるんですよ。
にがうりくん
単純に「横幅以上の広さのなにかがある」せいで他のが小さくさせられているんです。

たとえば「サイトをPCで表示してから、開発者モードでスマホ表示に切り替えた」などという操作をした場合には、こうなってしまう可能性があります。

つまり、PC表示時は自動で大きな広告画像を出したりするので、その状態で幅を狭めて確認しても広告画像が大きいままになっているかもしれません。最初からスマホ表示で画面を出せば、そうはならないと思います。
にがうりくん
実験してみましょう。たとえばこれは「一旦PC表示にしたあと、強制的に画面幅を変えた」場合です。広告がPC用の大きいサイズのままになっているのでブログ幅は小さくなってしまっています。
にがうりくん
一方こちらは「最初からスマホ用の画面幅のまま表示した」場合です。広告のサイズが適切なものになっていて、ブログ幅も全幅になっているでしょう。
ホクオ
今回もにがうりくんに教えてもらって、解決しました。にがうりくん、いつもありがとうございます。

しろうとにわかりやすく説明してくれるプロはありがたい存在で、にがうりくんは、ホクオの快適ブログ生活の強い味方。プラグインでは対応できない種類のカスタマイズをしてもらったり、テーマのバグを修正してもらったり、いつもいろいろお世話になっている。

人気記事

最近の記事

  1. Uncategorized

    白くないクリスマス
  2. コロナ

    【コロナ寄稿】尾身茂がコロナを5類に分類するのに激怒したら菅総理はこう言えばいい…
  3. マスク

    聴覚障害の人にも朗報の透明マスク発売中
  4. コロナ

    スウェーデン国王、コロナ政策失敗お騒がせ発言
  5. コロナ

    【コロナ寄稿】非常事態宣言は無意味だった:国民の不安を煽った西浦教授(ケゾえもん…
PAGE TOP