WordPress

WordPressで投稿一覧のアイキャッチ画像が長方形や楕円になってしまった!?

投稿日:2018年1月31日 更新日:

 

WordPressで投稿一覧のアイキャッチ画像がこれまで正方形や正円で表示されていたのに、いつのまにか長方形や楕円で表示されるようになってしまった。それは「設定」>「メディア」で、ある項目を変更したのが原因です。

あなたは最近、画像がぼやける不具合を解消しようと、それをいじっていませんか?

 

アイキャッチ画像が長方形や楕円になる現象

ホーム画面での投稿一覧のアイキャッチ画像は従来、つぎのような表示でした。画像が正方形になっています。

eyecatchsize01

 

それが気づいたら、つぎのように長方形になっていました。

eyecatchsize02

 

画像のぼやけを直すため「メディア設定」を変更

じつはこうした不具合が発生する直前に、「設定」>「メディア」から「画像サイズ」の値をすべて「0」に変更していました。

あるサイトによると画像のぼやけの主な原因を「メディア設定」とし、すべての値を「0」にするよう推奨していたのです。

そこで僕は「サムネイルのサイズ」を「0」とし「サムネイルを実寸法にトリミングする」にチェックマークを入れていました。

しかしあとでよくよく考えるとこの設定は矛盾しています。なぜならサムネイルの幅や高さが「0」なのに「実寸法にトリミング」させようとしているからです。ここでの実寸法は「0」です。

 

サムネイルのサイズを150に戻す

そこで「サムネイルのサイズ」のみ、幅と高さをデフォルトの設定値である「150」に戻しました。

eyecatchsize03

このように設定を変更したことで、表示は正方形(正円)に戻りました。

画像のぼやけについては、この設定変更の後、悪化することも良化することもありませんでした。

もし同様の症状でお困りの方はぜひお試しください。気持ち悪かったホーム画面が、これですっきりです。

2018年7月18日追記:

AFFINGER5(WING) ver20180621においてAFFINGER5管理>デザインの「サムネイル画像」>「アイキャッチが無い時のサムネイル画像」を設定しているとデフォルトの横長の画像で表示されてしまいます。恐らく「※100pxで表示」が原因ではないでしょうか。

eycatchhenkei180718

こうした場合、「アイキャッチが無い時のサムネイル画像」を都度、各ページの「アイキャッチ画像」で設定すると正方形で表示されます。

お役立ち記事

pdfedit 1
ipodアイキャッチ 2
Twitterスパムアイキャッチ 3
spotify_sf_size01 4
171106twittertsuchi2 5
photo_gallery10 6
spotify_1807 7
pokego161214_2 8
cdrive_partition 9
無線LAN04-2 10
mercari 11
Evernote新機能01 12
twitter_list 13
hub02 14
no image 15

-WordPress

Copyright© IT-SORAYORI , 2018 All Rights Reserved.