0
0

More than 1 year has passed since last update.

【WordPress】アイキャッチ画像の各種情報を取得する方法

Last updated at Posted at 2022-08-24

利用頻度が高いURLや代替テキストをはじめ、タイトルやキャプション、説明などWordPressのアイキャッチ画像の各種情報を取得する方法です。

アイキャチ画像自体は、WordPressのテンプレートタグ the_post_thumbnail() または get_the_post_thumbnail()echo すると表示できます。
余計な記述を省いたり、任意の属性を追加したりなどカスタマイズしたい場合には、各種情報を取得することで様々なカスタマイズに対応できると思います。

// URL
$thumbnail_url = get_the_post_thumbnail_url();

// ID
$thumbnail_id = get_post_thumbnail_id();

// サイズ(横)
$thumbnail_width = wp_get_attachment_image_src( $thumbnail_id, 'full' )[1];

// サイズ(縦)
$thumbnail_height = wp_get_attachment_image_src( $thumbnail_id, 'full' )[2];

// 代替テキスト
$thumbnail_alt = get_post_meta( $thumbnail_id, '_wp_attachment_image_alt', true );

// タイトル
$thumbnail_title = get_post( $thumbnail_id )->post_title;

// キャプション
$thumbnail_caption = get_post( $thumbnail_id )->post_excerpt;

// 説明
$thumbnail_description = get_post( $thumbnail_id )->post_content;

サイズ(横)、サイズ(縦)に関した、特定のサイズで取得したければそれぞれの引数を任意のものに変更してください。

また、URLに関しては the_post_thumbnail_url() を記述することで直接出力することも可能です。特に手を加える必要もないので、とりあえずアイキャッチ画像のURLを出せれば良いという場合に便利です。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0