[WordPress] テーマ「LION MEDIA」の画像がスマホの表示で縦長になってしまう場合の対処方法

■はじめに

WordPressのテーマ「LION MEDIA」で画像が、スマートフォンで縦長になってしまう、という現象があります。

私のこのブログテーマは同社の「THE THOR(トール)」を使っています。
このテーマでは起こりませんが、私の運営している別のブログで、LIONMEDIAを使用しており、そんな現象が起こりました。

対処方法を、備忘録として記載します。

 

■やり方

こんな画像表示に、スマホ端末上ではなっていました

 

1.ダッシュボードメニューの「外観」→「CSS編集」

 

2.行入力をする場所に、以下を入力し、「公開」をクリックします

.content img { height: auto; }

 

 

3.改善されました

 

■原因

LION MEDIAのCSSを確認すると、widthの指定のみ、ありました。
一方、height指定がなかったため、比率を合わせるという記述を追加し、対処しました。

最新情報をチェックしよう!