ホテル・結婚式場などのホームページがつくれるエレガントなデザインのテンプレート「CANON」

ワードプレステーマ別

TCDテーマReviewerでのアイキャッチ画像が縦長に表示されてしまうときの対処方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.アイキャッチ画像のサイズが縦に大きく表示されてしまいます

縦長のアイキャッチ画像を設定した際に、リサイズされずにオリジナルのサイズで表示されてしまいます。調整方法を教えてください。

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

当テーマでは、仕様として縦長の画像を縦長のまま表示するようになっているため、オリジナルの画像サイズが大きい場合に、そのような表示になります。
テーマファイルの以下の箇所を編集していただくことで、アイキャッチ画像の縦幅を変更することができます。
編集するファイル:functions.php
編集する箇所:

add_image_size( 'single_size', 782, 9999, true );

※「9999」を任意の高さ(ピクセル数)に変更してください。
例)

add_image_size( 'single_size', 782, 500, true );

アイキャッチ画像は自動で再生成されませんので、上記変更後、再度画像をアップロードしアイキャッチ画像を設定するか、サムネイル画像を一括で作りなおせるプラグイン「Regenerate Thumbnails」をご利用ください。

また、「functions.php」は重要なファイルですので、編集を行われる前に必ずバックアップをお取りいただき、不具合が生じた際にはFTP等から書き戻せるようにご準備いただいた上でお客様責任にて実施いただきますようお願い申し上げます。

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

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

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