【WordPressカスタマイズ】アイキャッチ画像のサイズを変更しよう

このブログでは、無料テーマのGridster Liteを使わせてもらっています。 ブログはブログなんだけど、ファッションの話多めなので、写真も重要。

ということでアイキャッチ画像からそれぞれの記事にリンクしているという作りに惹かれてこのテーマにしました。 が、デフォルトでは、個別ページの上部にアイキャッチ画像がフルサイズで表示されるのです。 それがどうしても嫌で、設定をいじってみましたので備忘録。

/wp-content/themes/gridster-lite の content-single.php をいじります。これが個別ページのファイルです。 その中から、以下を探します。

<a href="<?php the_permalink(); ?>">
?php the_post_thumbnail('post-full', array('class' =--> 'postimage')); ?></a>

これがフルサイズでアイキャッチ画像を表示しているコード。
画像自体をなくす場合はこのコードを削除
してしまえばいいし、サイズを変更して表示する場合は(500pxにする場合)

<!--?php the_post_thumbnail(array(500,500)); ?-->

これで任意のサイズに変更できます。数字は高さ、幅の順です。
アイキャッチ画像が指定のサイズより小さい場合はそのままのサイズで表示されます。

  • このエントリーをはてなブックマークに追加

コメント

  1. 新宿くじら より:

    とーーーーーっても役に立ちましたーーー!!!
    どうしても消せなかったので、本当に有難かったです。
    ありがとうございました!!!

    1. me より:

      >新宿くじらさま
      コメントありがとうございます!
      お役に立てたならとってもうれしいです(^o^)
      あの画像、ちょっと曲者ですよね・・・

  2. architect より:

    はじめまして。 
    私もgridster liteのテーマを使わせてもらっているのですが、
    こちらのサイトのように記事一覧の下部がきれいにそろわず困っています。
    どうもタイトルの長さで記事一つ一つの大きさが変わってしまうようです。
    教えていただけないでしょうか>_<

    1. me より:

      architect様

      コメントいただいていたのに、気付くのが遅く、申し訳ありません(T_T)
      記事を書きましたので、参考になりますと幸いです。
      もう解決されてるかな。。。

コメントを残す

*