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

アイキャッチ画像のサイズを調整する

Q.記事ページに表示されるアイキャッチ画像のサイズを変更したい

記事ページのアイキャッチ画像が大きすぎるので、小さく表示する方法を教えてください。

A.下記の手順でアイキャッチ画像のサイズを調整します

①アイキャッチ画像の生成サイズを調整する

アイキャッチ画像はオリジナル画像を指定のサイズでリサイズし生成されます。
当テーマのアイキャッチ画像が記事で使用される際には「large」サイズが適用されます。
この「large」サイズの指定は管理画面の設定>メディア設定から「大サイズ」に幅と高さの上限をそれぞれ指定します。
補足ですがここで設定するサイズは上限サイズですので、オリジナル画像が全て指定サイズにリサイズされるわけではなく、オリジナル画像が指定の幅、または高さの上限を超えるとオリジナル画像と等比率で縮小されます。
※既に生成済のサムネイルには設定が反映されませんので、設定サイズを適用する場合は再生成(画像の再アップロード)が必要です。

②記事で使用されるサムネイル(大サイズ)のサイズ調整

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

/* post thumbnail */
.post_image { text-align:center; margin:0 0 30px 0; }
.post_image img { margin:0; width:●●%; height:auto; }

※「●●%」をご変更ください。px指定も可能です。

The following two tabs change content below.

tcd

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

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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