【WordPress】縦長の画像の幅を自動で調整する方法 | ろぐろぐみー | 人生備忘録ブログ

ワードプレスに画像を投稿した際に、横長の画像だとブログのレイアウトにぴったりとフィットするけど、縦長の画像だと大きすぎちゃうよな〜ってことがあります。 こんな感じで。 基本width:100%;だけど縦長の時は50%くらいに調整したい。 ということで画像を読み込んだときに横長の時はwidth100％、縦長の時はwidth幅を調整するコードを書きました。 画像が縦長の時はwidth幅を調整する方法 以下のコードをJavascriptに追加してください。 // 投稿した画像が縦長か横長かを判定しクラスを与える window.onload = function() { var images = document.getElementsByTagName('img'); for (var i = 0; i < images.length; i++) { var img = new Image();