パソコン画像
WordPress・ホームページ

画像が指定したサイズで表示されない!ボンミス・・・

ボンミスの画像

ゲッ! 一枚だけデカい

毎日空いた時間をフルに活用してホームページ作成に取り組んでおります。
夏の疲れもあるのかもしれませんが、本来であればスグに気が付くような事でも疲れている時は本当に頭が回転しません。

アイキャッチ画像ですが作成中のトップページにWordPressで投稿した記事の一覧を表示する設定をした画像ですが、表示してみると

なんだー!

最新のサムネ画像がなぜか大きく表示されているではないですか。
もちろんHTML状態では問題はありませんでした。
※日付やタイトル、画像はサンプルで投稿しているものですから気にしないで下さい。

この投稿一覧の画像はどのような画像サイズで投稿しても同じサイズで表示されるように設定をしています。
しかし他の画像は指定したサイズで表示されていますが、なぜか最初だけおかしいです。あきらかに設定が効いていません。

ページソースで確認すると

あれー 名前が異常に長いなー

メディアライブラリから確認すると、「0cc0f9e6073ad0b1b8504a49d0482c8c-1024×630-1」と長いですね。

結論からすると、名前を短くすれば表示は問題なく指定したサイズで表示されました。
ブログで書けば3分ぐらいで解決したように感じるかもしれませんが、実はこれに気が付くまでに恥ずかしい事ですが1時間半ほど掛かりました。
画像もサンプルだからと確認もせずに使用したのもいけません。

疲れている時は休む事も大切です。

でも今回のようにWordPressに限らず他のアプリでも、ファイル名が長い事が原因でファイルが認識されない等トラブルは結構ある事なので皆さんもお気を付けください。