テーマでアイキャッチ画像のサイズを設定する方法1

the_post_thumbnail(‘thumbnail’)と書いて、「メディア設定」で画像サイズの設定をしてアイキャッチ画像を表示しても、大きさ・横幅がバラバラに表示されてしまうので、テーマを作成するときに考えたことのメモ書き。

アイキャッチ画像のサイズを強制的に指定して表示すると、画像サイズ(横幅)を揃えることができます。the_post_thumbnailに配列を使ってサイズを指定するコードは下のコードになります。

the_post_thumbnail(array(200,200));

この場合、スタイルは、.attachment-200×200となり、配列の値がarray(100,100)の場合ですと.attachment-100×100となります。

.attachment-200x200 {
....
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です