採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマPrecious:アイキャッチ画像のサイズを調整する

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指定も可能です。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事