トップの画像を表示@テーマ作成63日目

 今日の進捗状況

・トップページの画像を550×350pxで表示させる。

昨日のサムネイル画像と同じでトップページの最初に表示していた大きな画像も<img>タグで表示していただけのものです。そこで、こちらもwordpressのphpで表示するように変更します。

まず、メディア設定で中サイズの上限を「550×350」にして、

<?php the_post_thumbnail(medium); ?>

と表示しましたが、これだと上手く表示されませんでした。というのも、このメディア設定では画像比を変えずに縮小して表示するだけだから。例えば縦長の画像を表示しようした時に縦幅は350が上限なので、横幅も必然的にそれ以下で表示されることになってしまいます。

それならと横幅の上限550だけを設定すると、今度は縦幅が長くなってしまい、私のイメージしている外観とは食い違ってしまいます。

topimage

自分で考えてダメだったので、調べてみたところ、画像表示をする際に、

<?php the_post_thumbnail(array(550,350)); ?>

とすることで、画像を切り抜きができることがわかりました。

topimage2

画像がきちんと収まりました。

コマンドをちょっと変えるだけでできたことに時間をかかってしまうのは、コマンドの意味とか構造をわかっていないということで、その辺りも学んでいく必要がありそうです。

スポンサーリンク
スポンサーリンク

シェアする

フォローする

スポンサーリンク
スポンサーリンク