WordPressをアップデートしたらGurtengergのコラムを使用した場合画像が縦に伸びる現象の解消方法

はじめに

wordpressをアップデートしたら投稿などのお知らせに使ってた画像が縦伸びしたんですがどうやって解決したらいいですか?
どうやら縦に対しての高さが自動的に設定されるようになっているらしくcssでheightを当てることで解決するのでそちらの方法をご紹介させていただきます。

gurtengergを使用して画像を差し込んだ際に縦伸びしたものをアス比を維持する方法は下記の通りです。

 .wp-block-image img {
    max-width: 100%;
    height: auto!important;
}

上述のように対象となるクラスに対してheightをautoで当てることでアス比が維持されるようになります。wordpressをアップデートして画像が縦伸びしてお困りの方は簡易的ではございますが、上述のcssをstyleファイルに記述して見てはいかがでしょうか。

関連記事

  1. Gurtengergで改行してみよう

  2. WordPressで投稿のタイトルを取得しよう

  3. wordpressの管理画面にアイキャッチ入力画面がない

  4. 固定ページで読み込んだカスタム投稿のページネーションが2ページ目以降で…

  5. WordPressで子テーマのスタイルシートのディレクトリを参照してみ…

  6. WordPress5.0にアップデートしたらカスタムフィールドが消えた…

2021年5月
 12
3456789
10111213141516
17181920212223
24252627282930
31  
Translate »