WordPress Related Postsのサムネイル画像のサイズを大きくする(変更する)方法

WordPress

WordPress Related Postsのサムネイル画像のサイズを大きくする(変更する)方法を紹介します。

私はWordPress Related PostsのThemeにModernを使用しているのですが、サムネイルのデフォルトのサイズが縦横60pxで小さかったので、CSSで100pxにしました。

ソースコード

Modernでサムネイルを縦横100pxにする場合を例に紹介します。style.cssに以下のコードを追記してください。

ul.related_post li {
	min-height: 120px !important; /* 100px + 20px */
}
ul.related_post li img {
	width: 100px !important;
	height: 100px  !important;
}

liにpaddingが上と下に10pxずつ設定されているため、liのmin-heightにはimgのheight+20pxの値を設定してください。

広告