WordPressテーマTCDのカスタマイズを研究するサイト

トップページ記事一覧のサムネイルのサイズを調整する

Q.トップページ記事一覧のサムネイルが小さいのでもう少し大きく表示したい

記事一覧のサムネイル画像が正方形(130px角)で構成されていますが、あまり目立たないのでサイズを変更することは可能でしょうか。

A.下記のcssファイルの該当箇所を編集します

編集するファイル:style.css
編集する箇所:

/* 記事一覧 */
.post_list .image { background:#000; width:130px; height:130px; display:block; float:left; }
.post_list .image img {
  width:130px; height:130px; opacity:1.0;
  -webkit-transition: opacity 400ms ease-in-out;
  -moz-transition: opacity 400ms ease-in-out;
  -o-transition: opacity 400ms ease-in-out;
  -ms-transition: opacity 400ms ease-in-out;
  transition: opacity 400ms ease-in-out;
}
.post_list .image:hover img { opacity:0.5; }
.post_list .post_info { float:right; width:630px; }

※[.post_list .image]、[.post_list .image img]内のwidth:130px; height:130px;を任意のサイズにご変更ください。
サイズを大きくすると回り込みが崩れますので、.post_list .post_info { float:right; width:630px; }のwidthも適宜ご変更ください。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。