get_header_image_tag()


WordPressのget_header_image_tag()関数は、ヘッダー画像を表示するためのHTMLタグを生成するために使用されます。この関数は、テーマカスタマイザーで設定されたヘッダー画像を取得し、適切なHTMLタグを返します。

構文

get_header_image_tag( array $attr = array() );
  • $attr (array) — ヘッダー画像に適用する属性の配列。例えば、’class’や’alt’などの属性を指定できます。

例1: 基本的なヘッダー画像の表示

この例では、ヘッダー画像を表示するための基本的なコードを示します。

<?php echo get_header_image_tag(); ?>

例2: カスタムクラスを追加してヘッダー画像を表示

ヘッダー画像にカスタムクラスを追加する例です。

<?php echo get_header_image_tag(array('class' => 'custom-header-class')); ?>

例3: 代替テキストを指定してヘッダー画像を表示

ヘッダー画像に代替テキストを指定する例です。

<?php echo get_header_image_tag(array('alt' => 'カスタム代替テキスト')); ?>

例4: 幅と高さを指定してヘッダー画像を表示

ヘッダー画像の幅と高さを指定する例です。

<?php echo get_header_image_tag(array('width' => 1200, 'height' => 400)); ?>

例5: ヘッダー画像にIDを追加

ヘッダー画像にIDを追加する例です。

<?php echo get_header_image_tag(array('id' => 'header-image-id')); ?>

例6: ヘッダー画像に複数の属性を追加

ヘッダー画像に複数の属性を追加する例です。

<?php echo get_header_image_tag(array('class' => 'custom-class', 'alt' => '代替テキスト', 'width' => 1200, 'height' => 400)); ?>

注意点

  • ヘッダー画像が設定されていない場合、この関数は何も返しません。
  • テーマカスタマイザーでヘッダー画像が設定されていることを確認してください。
  • 属性を指定する際は、適切なHTML属性を使用してください。

関連機能：