WordPressでサイトを作成する場合、多くの方はスマホで作業をするのではなくパソコンで作業をしていることでしょう。
パソコンで作業をした場合、パソコンで作成したページがどのようになっているかまでは確認すると思いますがスマホでは確認しないという方もいるでしょう。
それ、ヤバいです(笑)
パソコンで確認したページでは思った通りに表示されていたとしてもスマホで確認したら、思った通りになってないということはよくあります。
スマホでWordPressを見たときに、特に一番起こりうるのが画像がはみ出てしまうというトラブル!
これはなぜこのようなトラブルが起きるのかを説明しますと、画像の横幅サイズをピクセル指定しているからです。
例えば画像の表示を横幅1000pxというサイズで表示しているとします。
パソコンで横幅1000pxと言えば普通に表示できますが、スマホでは確実に収まりきらないサイズとなります。
そこで、画像の横幅サイズを100%などのようにパーセンテージ表示しているとこの問題は解決します。
つまり、パソコンで表示しても横幅いっぱい、スマホで見ても横幅いっぱいに表示されるのではみ出し問題は解決するということですね。
ここでは具体的なコードの書き方は省略しますが、概念として理解してもらえれば解決は簡単だと思います。
以上参考にして下さいね。