サポート » 使い方全般 » 特定のアイキャッチ画像だけサイズを揃えたい

  • 解決済 kurakuramen

    (@kurakuramen)


    テンプレートで以下のようにサムネイルのサイズを決めても、幅が優先になるのか
    高さがバラバラです。
    <?php the_post_thumbnail(array(300, 200)); ?>

    そこでアップロード時にトリミングをするようにしましたが、

    //アイキャッチサムネイル生成
    add_theme_support(‘post-thumbnails’);
    add_image_size(‘300,200,true’);

    これですと、全てのアイキャッチ画像が同じになってしまいます。

    特定のアイキャッチ画像だけ、同じサイズに揃えるのはどうしたらいいでしょうか?

    wordpress 4.5.3

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • 使用するアイキャッチ用の画像を、アップロード時に縦横比を統一すると良いです。

    最終的にどうなれば良いのか、ちょっとイメージが沸きません。

    ・トリミングせずに高さを優先したリサイズをしたい。(幅はバラバラで良い)
    ・高さを優先してリサイズした上で、幅はトリミングしたい。
     (リサイズした結果幅が狭くなる場合、画像幅は揃わない)
    ・トリミングは現在出来ているが、特定のアイキャッチ画像だけトリミング対象にしたい。

    ところで、add_image_sizeの第1引数が誤っている(抜けている)ように思います。
    https://wpdocs.osdn.jp/%E9%96%A2%E6%95%B0%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9/add_image_size

    第4引数のtrueをfalseにしてみたらなんとなく思ったとおりに・・・なったりしますでしょうか?

    トピック投稿者 kurakuramen

    (@kurakuramen)

    熊本地震東区避難所82日目さん、munyaguさんありがとうございます。
    説明不足で済みません。
    こちらのやりたいことをもうしあげます。

    ある固定ページのところで、記事の一覧表をつくり、サムネイル画像を、横3列にならべ、追加すると、下も3列に綺麗に埋めていきたいのです。
    ですから、元の画像のサイズがバラバラでも、アップロードしてこのページの画像は、300  200に
    したいのです。
    functions.phpで、トリミングをすると、全てのサムネイルがそのサイズになってしまいます。ですから、このページのサムネイルだけきちんと300  200に揃え、縦横綺麗に揃うようにしたいのです。

    今はテストしている時間がないのですが、過去に実際に書いたコードでは、このようにしていました。

    functions.phpに新しいサイズを追加します

    add_image_size( 'top_hair_size', 240, 360, true );

    テンプレートの該当で、追加されたサイズを使います。

    echo the_post_thumbnail('top_hair_size');

    他のサムネイル表示箇所では、’top_hair_size’という指定がないのでサイズは変わらず、指定した箇所だけこのサイズが使われると思います。

    アップロードした画像はそのままで、特定の固定ページでの画像サイズを整えて、見せるだけが狙いであればスタイルシートが手早くないですか。
    WordPressのフォーラムでの話題ではないですが。

    >> 熊本地震東区避難所82日目 さん

    それは、サムネイルのファイルサイズによりますね。
    投稿のシングルページでは960×800、(もちろん画質にもよりますが)ファイルサイズ500KBの画像ですと、3列x(縦200pxから類推するに1画面で)4行で12枚出すとなると6Mのサイズの画像を一度にダウンロードすることになってしまいます。

    それを回避するために、WordPressには指定サイズのサムネイル画像を出力する機能が備わっているのだと思います。

    また、画像サイズを揃えたいという要件からすると、縦横比が異なる画像があるとのことですので、cssで単にサイズを指定するだけではサイズが揃いません。
    clipした上でwidthとheightを指定することになると思いますが・・・少なくとも私には手早くは無理です。
    そのためには縦横比を揃えた画像をアップロードすればというご意見もありましたが、ユーザの要件が分からないのでそこはなんとも言えません。
    たとえば、撮影した写真を見せたいようなギャラリーサイトで縦横比を合わせてアップロードさせることはありえないでしょう。

    トピック投稿者 kurakuramen

    (@kurakuramen)

    munyaguさん、熊本地震東区避難所82日目さん
    ありがとうございます。
    ご返信遅れまして申し訳ありません。

    munyaguさんの、

    functions.phpに

    add_image_size( ‘top_hair_size’, 240, 360, true );

    テンプレートの該当で、
    echo the_post_thumbnail(‘top_hair_size’);

    という方法で解決しました。 助かりました。ありがとうございます。

7件の返信を表示中 - 1 - 7件目 (全7件中)
  • トピック「特定のアイキャッチ画像だけサイズを揃えたい」には新たに返信することはできません。