スマホ画像

HPをご覧になるときは「PC」「スマホ」どちらで見ますか?
若い方はスマホで見てる方も多いはずです。
ワードプレス特有のテーマにて、画像をはみ出さないで表示するなどのプログラムを、親切に書いている方もいますが、自分が使いたいテーマが対応してない場合は変に表示されています。

その場合の修正の仕方について簡単な方法を教えます。

※絵はサンプルです。

現在の上記のイメージのテーブル
<img class=”size-full wp-image-268 alignleft” src=”https://web.ap-2.jp/wp-content/uploads/2015/11/ddab5f19669bbecd4bc8fe029b7d7026.jpg” alt=”スマホ画像” width=”2479″ height=”1837″ />
変更後のイメージのテーブル
<img class=”size-full wp-image-268 alignleft” src=”https://web.ap-2.jp/wp-content/uploads/2015/11/ddab5f19669bbecd4bc8fe029b7d7026.jpg” alt=”スマホ画像” width=”100%” height=” ” />

水色で表示されているところをwidth100%、height””ブランクにしてあげるだけで外には、はみ出なくなります。

width=横

height=縦

通常数字が入力されているとpx表示になります。

また、100%ではなく50%60%などで表示を変えてあげることもできます。

簡単にできますので是非試してみてください♪

※IEの環境やブラウザによってはバグがあり表示されない場合もございますのでご注意ください。