「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマLOTUS:ヘッダースライダーの高さを変更する方法

Q.トップページのヘッダースライダーの高さを高くすることはできますか。

 
▼変更箇所イメージ
変更箇所イメージ

A.下記の方法で対応してください。

1. 生成される画像のサイズを追加します。

編集するファイル: テーマのための関数 (functions.php)
編集する箇所: 387行目付近

  add_image_size( 'size8', 700, 530, true );
}

 ↓

  add_image_size( 'size8', 700, 530, true );
  add_image_size( 'size9', 1450, ●, true );
}

●に変更したいサイズ(高さ)の数値を入力してください。


2. トップページのヘッダースライダーに出力されるサイズを変更します。

編集するファイル: テーマヘッダー (header.php)
編集する箇所: 59行目付近

	} else {
    	$image = wp_get_attachment_image_src( $options['slider_image'.$i], 'size6');
	}

 ↓

	} else {
    	$image = wp_get_attachment_image_src( $options['slider_image'.$i], 'size9');
	}
コード変更後は画像の再生成が必要となります。再度画像をアップロードし直すか、下記プラグインをご利用ください。
WordPressのサムネイル画像を一括で再生成できるプラグイン「Regenerate Thumbnails」

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

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

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