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

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」
LOTUSデモ

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

TCD LABO ご利用上の注意

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

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

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