no-image

【覚書】WordPressのメディアにあるタイトル・キャプション・代替テキスト・説明は どうちがうのか?

タイトル:img属性のtitle要素。画像の補助説明を書く。ツールチップに表示。
代替テキスト:img属性のalt要素。画像が表示されないとき用のテキストを設定。
キャプション:WordPress独自の項目。画像の直後に画像の説明文を表示。
説明:HTMLには書き出されない。管理画面で画像を探すときに使える

ここのサイトがわかりやすかった。
http://blog.serverkurabe.com/wordpress-img-text
https://hijiriworld.com/web/wp-data-register/

ちなみに記事に紐づいているサムネイルはwp_postに格納されていて、get_post_thumbnail_id($post->ID)でpost_idを取得できる。

WordPressアイキャッチ画像のデータベース構成

WordPressアイキャッチ画像のデータベース構成

var_dump時の内容

wp_get_attachment_image_src(get_post_thumbnail_id($post->ID))の内容

array (size=4)
  0 => string 'http://solar-partners.local/img/wp-media/img-lp-roof-03.jpg' (length=59)
  1 => int 128
  2 => int 72
  3 => boolean false

get_post(get_post_thumbnail_id($post->ID))の内容

object(WP_Post)[4931]
  public 'ID' => int 72222
  public 'post_author' => string '13' (length=2)
  public 'post_date' => string '2018-06-25 16:03:18' (length=19)
  public 'post_date_gmt' => string '2018-06-25 07:03:18' (length=19)
  public 'post_content' => string '説明' (length=6)
  public 'post_title' => string 'タイトル' (length=14)
  public 'post_excerpt' => string 'キャプション' (length=18)
  public 'post_status' => string 'inherit' (length=7)
  public 'comment_status' => string 'closed' (length=6)
  public 'ping_status' => string 'closed' (length=6)
  public 'post_password' => string '' (length=0)
  public 'post_name' => string 'スラッグ' (length=14)
  public 'to_ping' => string '' (length=0)
  public 'pinged' => string '' (length=0)
  public 'post_modified' => string '2018-12-21 20:11:33' (length=19)
  public 'post_modified_gmt' => string '2018-12-21 11:11:33' (length=19)
  public 'post_content_filtered' => string '' (length=0)
  public 'post_parent' => int 72215
  public 'guid' => string 'http://example.com/img/wp-media/img.jpg' (length=59)
  public 'menu_order' => int 0
  public 'post_type' => string 'attachment' (length=10)
  public 'post_mime_type' => string 'image/jpeg' (length=10)
  public 'comment_count' => string '0' (length=1)
  public 'filter' => string 'raw' (length=3)

get_post_meta(get_post_thumbnail_id($post->ID))の内容

array (size=4)
  '_wp_attached_file' => 
    array (size=1)
      0 => string 'img-lp-roof-03.jpg' (length=18)
  '_wp_attachment_metadata' => 
    array (size=1)
      0 => string 'a:5:{s:5:"width";i:800;s:6:"height";i:450;s:4:"file";s:18:"img-lp-roof-03.jpg";s:5:"sizes";a:1:{s:14:"post-thumbnail";a:4:{s:4:"file";s:26:"img-lp-roof-03-800x198.jpg";s:5:"width";i:800;s:6:"height";i:198;s:9:"mime-type";s:10:"image/jpeg";}}s:10:"image_meta";a:12:{s:8:"aperture";s:1:"0";s:6:"credit";s:0:"";s:6:"camera";s:0:"";s:7:"caption";s:0:"";s:17:"created_timestamp";s:1:"0";s:9:"copyright";s:0:"";s:12:"focal_length";s:1:"0";s:3:"iso";s:1:"0";s:13:"shutter_speed";s:1:"0";s:5:"title";s:0:"";s:11:"orienta'... (length=549)
  '_edit_lock' => 
    array (size=1)
      0 => string '1529911421:13' (length=13)
  '_wp_attachment_image_alt' => 
    array (size=1)
      0 => string '代替テキスト' (length=18)
pocketlinehatebuimagegalleryaudiovideocategorytagchatquotegoogleplusfacebookinstagramtwitterrsssearchenvelopeheartstaruserclosesearch-plushomeclockupdateeditshare-squarechevron-leftchevron-rightleafexclamation-trianglecalendarcommentthumb-tacklinknaviconasideangle-double-upangle-double-downangle-upangle-downstar-halfstatus