Wordpressでアイキャッチが設定どおりにリサイズされない

Question

時間をおかず質問してしまいすいません。

下記はWordpressでランダムに記事のアイキャッチを２つだけ表示させるコードなのですが、
管理画面の設定のメディアでサムネイルのサイズを設定していて、
サムネイルを実寸法にトリミングする (通常は相対的な縮小によりサムネイルを作ります)
にもチェックは入れています。
なので、リサイズはしてくれるのですが、１つはサイズ通りにリサイズされるのにもう１つの記事の
アイキャッチはもっと小さく表示されてしまう時があります。
どの記事のアイキャッチも同じサイズで表示されるようにするにはどうしたらいいでしょうか。

ちなみに管理画面の設定のメディアでサムネイルのサイズは280px X 280pxです。
function.phpにもリサイズの記述をしてあります。

「function.php」

// アイキャッチ画像を利用できるようにします。
add_theme_support('thumbnail');
// サムネイルサイズ設定
set_post_thumbnail_size(280,280 ,true);

「index.php」

<!-- ランダム記事表示 -->
<?php query_posts('showposts=2&orderby=rand');?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php echo get_the_post_thumbnail($post->ID, 'thumbnail'); ?></a>
<?php endwhile; endif; ?>
<!-- ランダム記事表示 -->

Answer 1

これは、post_thumbnailの指定サイズと
thumbnailという画像サイズの指定が
混在しちゃってるんじゃないですかね

多分ちっちゃい方の画像って150×150で
アイキャッチ画像の投稿からじゃなく
本文編集から開いたメディアップローダーから
投稿した画像とかじゃないですか？

小さく表示されている方は
指定されたthumbnail(150px)サイズの画像を取得していて
大きい方は指定されたthumbnail(150px)がないから
そのサイズに近い280pxの画像を取得している感じ

つまるところ280pxの画像を取得したいならthumbnailの指定が余計

get_the_post_thumbnail($post->ID, 'thumbnail');
↓
get_the_post_thumbnail($post->ID);

そして本文編集などから開いたメディアップローダーから
投稿した画像についても280pxの画像を生成するようにしたいなら
add_image_sizeで280pxのサイズも画像投稿時に生成されるようにしておく

またはアイキャッチ画像は必ず
アイキャッチ画像のところから投稿するようにするか

Comments

[退会済みユーザー]

ありがとうございます。get_the_post_thumbnail($post->ID);でためしてみましたがダメでした。さらにアイキャッチにしか画像を指定していません。

[KazuhiroHatano]

wpは画像取得の時に指定のサイズが見つからないと存在する中で近いサイズを取得してきます
多分、小さく表示されてしまう方にはそもそも280pxの画像が存在してません
（wp-content/uploadsフォルダの中を見ると確認できるかと思います）
なので、280pxの画像が生成されるように投稿し直す必要があります

[退会済みユーザー]

なるほど画像の問題なのですね。現在、アイキャッチのサイズを150px x 150pxにしたら直りました。合うサイズと合わないサイズがあるのですね。どの数字を指定してもどの画像も同じくリサイズされるわけではないのですね。

[KazuhiroHatano]

the_post_thumbnailなどでimgタグごとwpに出力を任せると
画像のソース自体は近似サイズのものになりますが
with,height属性で指定のサイズで表示するようにしてくれます

画像投稿時に生成される画像サイズは後からサイズを追加しても
もともとあった画像では自動生成されないので
必要ならば投稿し直すなどする必要があります

[退会済みユーザー]

ありがとうございます。「必要ならば投稿し直すなどする必要があります」そうなのですね。先程調べたら同じようなことをいっているサイトがありました。ご回答も含めて勉強します。

Answer 2

<?php the_post_thumbnail; ?>

を

<?php the_post_thumbnail('thumbnail'); ?>

にしてみてはいかがでしょうか？

Comments

[退会済みユーザー]

すいません。そレにしてみましたが直りませんでした。
あとこちらのミスなんですが<?php the_post_thumbnail; ?>はいりませんでした。すみません。

[tabuu]

ウェブサーバの画像が保存されているディレクトリを確認して、正常に表示されない画像に対応するサイズの画像ファイルは存在しますか？存在しないようでしたら再度メディア管理からアップロードすれば対応するサイズの画像が自動生成されるはずです。

[退会済みユーザー]

多分、アップした画像のサイズがそれぞれ違うので280pxでは同じサイズでリサイズされないようでした。150pxだと綺麗にリサイズされました。