Web Design Leaves

<?php if(has_post_thumbnail()) : ?>
<p><?php the_post_thumbnail('thumbnail'); ?></p> 
<?php endif; ?>

<?php if(has_post_thumbnail()): ?>　
<p><?php the_post_thumbnail('thumbnail'); ?></p>　　
<?php else: ?><!--アイキャッチ画像がない場合は、デフォルトの画像を表示-->
<p><img src="<?php echo get_template_directory_uri(); ?>/images/default_fi.jpg" alt="デフォルトのアイキャッチ画像" width="150" height="150" /></p>
<?php endif; ?>

the_post_thumbnail( array(100, 100) );

$default_attr = array(
  'src'   => $src,
  'class' => "attachment-$size_class size-$size_class",
  'alt'   => trim( strip_tags( get_post_meta( $attachment_id, '_wp_attachment_image_alt', true ) ) ),
);

$thumbnail_alt_value = trim( strip_tags( get_post_meta( get_post_thumbnail_id($post->ID), '_wp_attachment_image_alt', true ) ) );

the_post_thumbnail('post-thumbnail', array('class' => 'img-responsive', 'title' => 'Feature image'));

<?php if ( has_post_thumbnail() ) : ?>
<a href="<?php the_permalink(); ?>">
<?php 
  $title = esc_attr( strip_tags( get_the_title() ) ); 
  the_post_thumbnail('post-thumbnail', array('title' => $title)); 
?>
</a>
<?php endif; ?>

<?php if ( has_post_thumbnail() ) : ?>
<a href="<?php echo esc_url(get_the_post_thumbnail_url(get_the_ID(),'full')); ?>" title="<?php the_title_attribute(); ?>">
  <?php the_post_thumbnail(); ?>
</a>
<?php endif; ?>

<?php
$args = array(
  'posts_per_page' => 5,
  'post_type' => get_post_type(), //表示中の記事と同じ投稿タイプの記事を取得
);

$my_posts = get_posts( $args );
if ( $my_posts ): //投稿が取得できていれば
?>
<ul>
  <?php
  foreach ( $my_posts as $post ): setup_postdata( $post ); // ループ開始
  // その投稿にアイキャッチ画像があり、その投稿のID と表示されている投稿 ID が異れば
  if ( has_post_thumbnail( $post->ID ) && get_queried_object()->ID !== $post->ID ):
  ?>
  <li>
    <a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( $post->post_title ); ?>">
      <?php echo get_the_post_thumbnail( $post->ID, 'post-thumbnail'); ?>
    </a>
  </li>
  <?php endif; endforeach; ?>
  <!-- ループ終了 -->
</ul>
<?php endif; ?>
<?php wp_reset_postdata(); //$post を復元 ?>

function remove_plugin_image_sizes() {
  remove_image_size('image-name');
}
add_action('init', 'remove_plugin_image_sizes');

function remove_then_add_image_sizes() {
  remove_image_size('image-name');
  add_image_size('image-name', 200, 200, true);
}
add_action('init', 'remove_then_add_image_sizes');

function remove_extra_image_sizes() {
  //以下の予約されているサイズは削除できません。
  remove_image_size( 'large' );
  remove_image_size( 'medium_large' );
}
add_action('init', 'remove_extra_image_sizes');

function remove_extra_image_sizes() {
  foreach ( get_intermediate_image_sizes() as $size ) {
    if ( !in_array( $size, array( 'x-small', 'post-thumbnail' ) ) ) {
      remove_image_size( $size );
    }
  }
}
add_action('init', 'remove_extra_image_sizes');

<?php
  $post_thumbnail_id = get_post_thumbnail_id(); 
  $my_thumbnail = get_post($post_thumbnail_id);
  var_dump($my_thumbnail);
?>

object(WP_Post)#4500 (24) { //WP_Post 投稿オブジェクト
  ["ID"]=>int(683)
  ["post_author"]=>string(1) "1"
  ["post_date"]=>string(19) "2019-05-23 18:04:06"
  ["post_date_gmt"]=>string(19) "2019-05-23 09:04:06"
  ["post_content"]=>string(0) ""
  ["post_title"]=>string(9) "冬の庭" //タイトル
  ["post_excerpt"]=>string(39) "庭中が雪で覆われている風景" //キャプション
  ["post_status"]=>string(7) "inherit"
  ["comment_status"]=>string(6) "closed"
  ["ping_status"]=>string(6) "closed"
  ["post_password"]=>string(0) ""
  ["post_name"]=>string(2) "01" //アップロードした画像の名前（拡張子なし）
  ["to_ping"]=>string(0) ""
  ["pinged"]=>string(0) ""
  ["post_modified"]=>string(19) "2019-05-23 18:06:30"
  ["post_modified_gmt"]=>string(19) "2019-05-23 09:06:30"
  ["post_content_filtered"]=>string(0) ""
  ["post_parent"]=>int(595)
  ["guid"]=>string(54) "http://localhost/wp-content/uploads/2019/05/01.jpg"//画像 URL
  ["menu_order"]=>int(0)
  ["post_type"]=>string(10) "attachment"  //投稿タイプ attachment（添付ファイル）
  ["post_mime_type"]=>string(10) "image/jpeg"
  ["comment_count"]=>string(1) "0"
  ["filter"]=>string(3) "raw"
}

<?php
  $post_thumbnail_id = get_post_thumbnail_id(); 
  if($post_thumbnail_id) { //post_thumbnail_id が空文字でなければ
    $my_thumbnail = get_post($post_thumbnail_id);
    echo 'タイトル: ' . esc_html($my_thumbnail -> post_title) .'<br>';
    echo 'キャプション: ' . esc_html($my_thumbnail -> post_excerpt) .'<br>';
    echo '元画像 URL: ' . esc_url($my_thumbnail -> guid) .'<br>';
  }
?>

<?php
  if(has_post_thumbnail()) {  //アイキャッチ画像が設定されていれば
    $post_thumbnail_id = get_post_thumbnail_id();
    $my_thumbnail = get_post($post_thumbnail_id);
    echo 'タイトル: ' . esc_html($my_thumbnail -> post_title) .'<br>';
    echo 'キャプション: ' . esc_html($my_thumbnail -> post_excerpt) .'<br>';
    echo '元画像 URL: ' . esc_url($my_thumbnail -> guid) .'<br>';
  }
?>

<?php
f(has_post_thumbnail()) {
  $post_thumbnail_id = get_post_thumbnail_id();
  $my_thumbnail_meta = get_post_meta($post_thumbnail_id); //カスタムフィールドの値を取得
  var_dump($my_thumbnail_meta);
}
?>

array(3) {
  ["_wp_attached_file"]=>
  array(1) {
    [0]=>string(14) "2019/05/01.jpg" //ファイル名（パスの一部）
  }
  ["_wp_attachment_metadata"]=>
  array(1) {
    [0]=>string(1037) a:5:{s:5:"width";i:1200;s:6:"height";i:800;s:4:"file";s:14:"2019/05/01.jpg";s:5:"sizes";a:5:・・・中略・・・shutter_speed";s:1:"0";s:5:"title";s:0:"";s:11:"orientation";s:1:"0";s:8:"keywords";a:0:{}}}"
  }
  ["_wp_attachment_image_alt"]=>
  array(1) {
    [0]=>string(15) "雪景色の庭" //代替テキストの値（alt 属性に出力）
  }
}

$featured_img_url = get_the_post_thumbnail_url( get_the_ID(), 'x-small' );

<?php
  if ( has_post_thumbnail() ) :
    $img_url = get_the_post_thumbnail_url(get_the_ID(),'full'); 
?>    
  <a href="<?php echo esc_url($img_url); ?>" title="<?php the_title_attribute(); ?>">
    <?php the_post_thumbnail(); ?>
  </a>
<?php endif; ?>

<?php
$thumbnail_id = get_post_thumbnail_id($post->ID);
$src_info = wp_get_attachment_image_src($thumbnail_id, 'full');
$src = $src_info[0];  //画像の URL
$width = $src_info[1];  //画像の幅
$height  = $src_info[2];  //画像の高さ
?>

<?php if(has_post_thumbnail()): ?>
<?php
$thumbnail_id = get_post_thumbnail_id($post->ID);
$src_info = wp_get_attachment_image_src($thumbnail_id, 'full');
$src = $src_info[0];
$width = $src_info[1];
$height  = $src_info[2];
?>
<p id="contactphoto"><img src="<?php echo esc_url($src); ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" usemap="#Map" alt=""  />
<map id="Map" name="Map">
<area alt="contact" href="mailto:info@example.com" coords="114,84,494,140" shape="rect" title="メールでコンタクト">
</map>
</p>
<?php endif; ?>

<?php
if(has_post_thumbnail()) {
  $thumbnail_id = get_post_thumbnail_id($post->ID);
  echo wp_get_attachment_image( $thumbnail_id, 'medium_large', false, array('class' => 'img-responsive', 'title' => 'xxxxx'));
}

//以下のように get_the_post_thumbnail() を使ってもほとんど同じ（第1パラメータは投稿 ID）
if(has_post_thumbnail()) {
  echo get_the_post_thumbnail( $post->ID, 'medium_large', array('class' => 'img-responsive', 'title' => 'xxxxx'));
}     
?>

<pre>
<?php
var_dump(wp_get_attachment_metadata( get_post_thumbnail_id($post->ID) ));
?>
</pre>

array(5) {
  ["width"]=>int(2048)  //幅
  ["height"]=>int(1360)  //高さ
  ["file"]=>string(33) "2019/05/beach1.jpg"  //ファイル相対パス
  ["sizes"]=>
  array(6) {
    ["thumbnail"]=>  //イメージサイズ
    array(4) {
      ["file"]=>string(33) "beach1-150x150.jpg"  //ファイル名
      ["width"]=>int(150)  //幅
      ["height"]=>int(150)  //高さ
      ["mime-type"]=>string(10) "image/jpeg"  //マイムタイプ
    }
    ["medium"]=>  //イメージサイズ
    array(4) {
      ["file"]=>string(33) "beach1-300x199.jpg"
      ["width"]=>int(300)
      ["height"]=>int(199)
      ["mime-type"]=>string(10) "image/jpeg"
    }
    ["medium_large"]=>  //イメージサイズ
    array(4) {
      ["file"]=>string(33) "beach1-768x510.jpg"
      ["width"]=>int(768)
      ["height"]=>int(510)
      ["mime-type"]=>string(10) "image/jpeg"
    }
    ["large"]=>  //イメージサイズ
    array(4) {
      ["file"]=>string(34) "beach1-1024x680.jpg"
      ["width"]=>int(1024)
      ["height"]=>int(680)
      ["mime-type"]=>string(10) "image/jpeg"
    }
    ["post-thumbnail"]=>  //イメージサイズ
    array(4) {
      ["file"]=>string(33) "beach1-240x159.jpg"
      ["width"]=>int(240)
      ["height"]=>int(159)
      ["mime-type"]=>string(10) "image/jpeg"
    }
    ["x-small"]=>  //イメージサイズ（add_image_size で追加）
    array(4) {
      ["file"]=>string(31) "beach1-60x40.jpg"
      ["width"]=>int(60)
      ["height"]=>int(40)
      ["mime-type"]=>string(10) "image/jpeg"
    }
  }
  ["image_meta"]=>
  array(12) {
    ["aperture"]=>string(3) "6.3"  //絞り
    ["credit"]=>string(0) ""
    ["camera"]=>string(7) "DMC-LX3"  //カメラ
    ["caption"]=>string(0) ""
    ["created_timestamp"]=>string(10) "1260635063"  //撮影時のタイムスタンプ
    ["copyright"]=>string(0) ""
    ["focal_length"]=>string(3) "5.1"
    ["iso"]=>string(3) "125"  //ISO感度
    ["shutter_speed"]=>string(5) "0.001"  //シャッタースピード
    ["title"]=>string(0) ""
    ["orientation"]=>string(1) "1"
    ["keywords"]=>array(0) {
    }
  }
}

<?php
$my_meta_data = wp_get_attachment_metadata( get_post_thumbnail_id($post->ID) );
echo '使用カメラ：' . $my_meta_data["image_meta"]["camera"] .'<br>';
echo '画像の高さ：' . $my_meta_data ["sizes"]["medium_large"]["height"] .'px <br>';
echo '<a href="http://localhost/wp-content/uploads/' . $my_meta_data["file"] .'">画像へのリンク</a>';
?>

<?php  if(has_post_thumbnail()) {
  $thumbnail_id = get_post_thumbnail_id($post->ID);
  echo wp_get_attachment_link( $thumbnail_id, 'medium', true);
}
?>

以下のように第5パラメータ（$text）に文字列を指定すると、画像の変わりにその文字列にリンクが付けられて表示されます。

echo wp_get_attachment_link( $thumbnail_id, 'medium', true, false, '画像へのリンク');

<?php
if(has_post_thumbnail()) {
  $thumbnail_id = get_post_thumbnail_id($post->ID);
  echo '<a href="'. 
    esc_url(wp_get_attachment_image_url( $thumbnail_id, 'medium_large')) . 
    '">Link</a>';
}

//以下でも同じこと。但し、第1パラメータに指定するのは投稿 ID
if(has_post_thumbnail()) {
  echo '<a href="'. 
    esc_url(get_the_post_thumbnail_url( $post->ID, 'medium_large')) .
    '">Link</a>';
}     
?>

<?php
$images = get_attached_media( 'image', get_the_ID() );
var_dump($images);
?>

array(2) {
  [715]=>
  object(WP_Post)#4513 (24) {
    ["ID"]=>int(715)  //画像（添付ファイル）の ID
    ["post_author"]=>string(1) "1"
    ["post_date"]=>string(19) "2019-05-25 07:08:22"
    ["post_date_gmt"]=>string(19) "2019-05-24 22:08:22"
    ["post_content"]=>string(60) "壁一面に描かれた絵の前・・・"  //メディア画面の説明
    ["post_title"]=>string(15) "Lower East Side"  //メディア画面のタイトル
    ["post_excerpt"]=>string(27) "壁一面に描かれた絵"  //メディア画面のキャプション
    ["post_status"]=>string(7) "inherit"
    ["comment_status"]=>string(6) "closed"
    ["ping_status"]=>string(6) "closed"
    ["post_password"]=>string(0) ""
    ["post_name"]=>string(15) "lower-east-side"//ファイル名（大文字やスペースは変換）
    ["to_ping"]=>string(0) ""
    ["pinged"]=>string(0) ""
    ["post_modified"]=>string(19) "2019-05-25 07:11:15"
    ["post_modified_gmt"]=>string(19) "2019-05-24 22:11:15"
    ["post_content_filtered"]=>string(0) ""
    ["post_parent"]=>int(712)  //親の投稿の ID
    ["guid"]=>string(67) "http://xxxx/wp-content/uploads/2019/05/Lower-East-Side.jpg"
    ["menu_order"]=> int(0)
    ["post_type"]=>string(10) "attachment"  //投稿タイプ
    ["post_mime_type"]=>string(10) "image/jpeg"  //MIMEタイプ
    ["comment_count"]=>string(1) "0"
    ["filter"]=>string(3) "raw"
  }
  [717]=>
  object(WP_Post)#4541 (24) {
    ["ID"]=>int(717)  //
    ["post_author"]=>string(1) "1"
    ["post_date"]=>string(19) "2019-05-25 07:23:01"
    ["post_date_gmt"]=>string(19) "2019-05-24 22:23:01"
    ["post_content"]=>string(105) "セントマークスストリートに・・・"  //メディア画面の説明
    ["post_title"]=>string(12) "East Village"  //メディア画面のタイトル
    ["post_excerpt"]=>string(45) "カフェに描かれた・・"  //メディア画面のキャプション
    ["post_status"]=>string(7) "inherit"
    ["comment_status"]=>string(6) "closed"
    ["ping_status"]=>string(6) "closed"
    ["post_password"]=>string(0) ""
    ["post_name"]=>string(12) "east-village"//ファイル名（大文字やスペースは変換）
    ["to_ping"]=>string(0) ""
    ["pinged"]=>string(0) ""
    ["post_modified"]=>string(19) "2019-05-25 07:25:29"
    ["post_modified_gmt"]=>string(19) "2019-05-24 22:25:29"
    ["post_content_filtered"]=>string(0) ""
    ["post_parent"]=>int(712)  //親の投稿の ID
    ["guid"]=>string(64) "http://xxxx/wp-content/uploads/2019/05/East-Village.jpg"
    ["menu_order"]=>int(0)
    ["post_type"]=>string(10) "attachment"  //投稿タイプ
    ["post_mime_type"]=>string(10) "image/jpeg"  //MIMEタイプ
    ["comment_count"]=>string(1) "0"
    ["filter"]=>string(3) "raw"
  }
}

<?php $images = get_attached_media( 'image', get_the_ID() ); ?>
<?php if(!empty($images)) : ?>
<?php foreach($images as $image) : ?>
<div>
  <h3><?php echo esc_html($image->post_title); //タイトル ?></h3>
  <p><?php echo wp_get_attachment_image($image->ID); //画像 ?></p>
  <p><?php echo esc_html($image->post_content); //説明 ?></p>
</div>
<?php endforeach; ?>
<?php endif; ?>

<p><a href="<?php echo esc_url(wp_get_attachment_image_url($image->ID, 'full')); ?>">
  <?php echo wp_get_attachment_image($image->ID); ?>
</a></p>

<p><?php the_attachment_link( $image->ID );  ?></p>

<p><?php echo wp_get_attachment_link($image->ID , 'medium', true);  ?></p>

<?php 
$args = array(    //添付メディアファイルを取得
  'post_parent' => get_the_ID(),  //現在の投稿
  'post_type' => 'attachment',  //添付ファイル
  'post_mime_type' => 'image',  //画像
  'exclude' => get_post_thumbnail_id(),  //アイキャッチ画像を除く
  'numberposts' => 1 //1件のみ取得
);
$images = get_children($args);   
?>
<?php if($images): ?>
<p class="thumb">
<?php echo the_attachment_link(key($images)); ?>
</p>
<?php endif; ?>

echo the_attachment_link($images[key($images)]->ID);

<?php if($images): ?>
<p class="thumb">
<?php 
foreach ( $images as $image ) {
  echo the_attachment_link( $image->ID);
}   
?>
</p>
<?php endif; ?>

array(1) {
  [715]=> //配列のキーが添付ファイルの ID になっている
  object(WP_Post)#4512 (24) {
    ["ID"]=>int(715)  //添付ファイルの ID 
    ["post_author"]=>string(1) "1"
    ["post_date"]=>string(19) "2019-05-25 07:08:22"
    ["post_date_gmt"]=>string(19) "2019-05-24 22:08:22"
    ["post_content"]=>string(60) "壁一面に描かれた絵の前で写真を撮る人たち"
    ["post_title"]=>string(15) "Lower East Side"
    ["post_excerpt"]=>string(27) "壁一面に描かれた絵"
    ["post_status"]=>string(7) "inherit"
    ["comment_status"]=>string(6) "closed"
    ・・・以下省略・・・
}