【WordPress 6.5.3対応】スマホで画像が縦に伸びる解決法

アイキャッチ

大変なことが起きたんです…。

過去に書いたブログを
リライトしようとして、
スマホで開いてみました。

すると、
貼っていた画像のサイズが
明らかにおかしいんです…。

画像のサイズがおかしいと
一気にサイト全体が見にくくなって、
ユーザーの離脱につながってしまいます。

本記事はスマホ表示で画像が
縦に伸びることなく
正確に表示する方法を

初心者向けに解説しています。

この記事はこんな人におすすめ
  • 「ワードプレスでのスマホの画像表示がおかしい!縦に伸びてしまう!」というブログ初心者

ぜひ最後までご覧ください。

(スポンサーリンク)

目次

WordPressでスマホでの表示がおかしい場合の解決方法

それではさっそく解決方法を解説します。

たった2ステップで終わるので
最後までお付き合いください。

先に動画をご覧ください。

これで解決します。

丁寧に解説しますね!

① 画像ブロックを選択して設定を表示

「おかしいな?」と思ったら、
「アスペクト比」が「カスタム」
になっています。

スクショ

テーマによってちょっとした
差異はありますが、
基本的には同じになっています。

上記の設定画面がでない人は
ワードプレスが最新版でない
可能性が高いので、
まず確認しましょう。

② 設定内容を変更して修正

画像ブロックを選択して
下記の設定画面を目指してください。

アスペクト比:元のサイズ(お好みで)
幅      : 自動
高さ     : 自動

スクショ

画像の元のサイズと
同じアスペクト比で
表示されるようになります。

これにて設定終了です。

直った画像

ちゃんと適切なサイズになりましたね。

まとめ

いかがだったでしょうか?

他の人のブログを見ていると、
スマホでの表示が
おかしくなってしまう人がいたので、

この記事を作るに至りました。

参考になった、あるいは疑問点がある
という方は気軽にコメントしてくださいね。

それでは!

今回取り上げた記事はこちらです↓

あわせて読みたい
担任の先生は学級日誌だけでは物足りない!「業務ノート」が「日記」としてクラスで使える理由 生徒の知られざる一面、知りたくないですか? 学校で学級担任(クラス担任)をしている先生方にとって、生徒たちとのつながりを深めるための手段は常に探求されています...

パスワード付きブログは

公式LINE登録者限定!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次