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

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

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

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

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

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

人気記事

最近の記事

  1. コロナ

    【コロナ寄稿】コロナ死者2,000人と自殺者8,000人増しの矛盾/北海道分析(…
  2. ケゾえもん

    【宇宙の運命4】アーサー・C. クラークのSF(ケゾえもん)
  3. スウェーデン、ストックホルム

    スウェーデンの最高齢おばあちゃん109歳の誕生日!
  4. ケゾえもん

    【クラシック寄稿】ウィンフィルのスーパースターが私のオーディオを絶賛した (ケゾ…
  5. 日本

    日本人のための日本語検定
PAGE TOP