소개

자신의 템플릿을 처음부터 만든 경우 게시할 때 아이 캐치 이미지를 삽입할 수 없습니다. 따라서 이번에는 아이 캐치 이미지를 삽입 할 수 있도록 프로그램을 다시 씁니다.

절차

functions.php 를 작성한다. ( function.php하지 마십시오)

functions.php

<?php
add_action('init', function(){
  add_theme_support('post-thumbnails');
});

php의 닫기 태그가 마지막에 오는 경우, ?> 를 생략하는 것이 가능.

게시물에 아이 캐치 이미지를 표시

<?php the_post_thumbnail(); ?>
single.php

  <?php
  $id = get_post_thumbnail_id();
  $img = wp_get_attachment_image_src($id);
  ?>
  <header class="masthead" style="background-image: url('<?php echo $img[0]; ?>')">

미리보기 이미지를 표시하려면,<?php the_post_thumbnail(); ?>라는 한 문장을 덧붙이면 된다.

이미지 크기 조정

이미지의 크기를 조정하려면,<?php the_post_thumbnail(array(32,32)); ?>라고 인수를 넣으면 된다.

single.php

  <?php
  $id = get_post_thumbnail_id();
  var_dump($id); // 追記
  $img = wp_get_attachment_image_src($id);
  ?>

위 코드의 경우,



라는 식으로, WordPress상에 썸네일의 ID를 표시시킬 수 있다.

화질 조정

화질을 조절하려면$img = wp_get_attachment_image_src($id, 'large');라고 제2 인수를 바꾸어 주면 된다.

기본 이미지 제공

기본 이미지를 설정하려면,

single.php

  <?php
  if (has_post_thumbnail()):
    $id = get_post_thumbnail_id();
    $img = wp_get_attachment_image_src($id, 'large');
  else:
    $img = array(get_template_directory_uri().'/img/post-bg.jpg');
  endif;
  ?>

라고 기술하면 된다.

실제로 어떻게 바뀌는지 확인해 보면,


극적으로 화질이 좋아지고 있는 것을 알 수 있을 것이다.

기능

재이용하는 경우는 functions.php 에 함수로서 정리해 두는 것도 가능하다.

functions.php

<?php
add_action('init', function(){
  add_theme_support('post-thumbnails');
});

/* アイキャッチ画像がなければ、標準画像を取得する */
function get_eyecatch_with_default() {
  if (has_post_thumbnail()):
    $id = get_post_thumbnail_id();
    $img = wp_get_attachment_image_src($id, 'large');
  else:
    $img = array(get_template_directory_uri().'/img/post-bg.jpg');
  endif;

  return $img;
}

끝에

자작 템플릿에는 디폴트로 아이 캐치 화상을 설정하는 항목이 없다. 따라서 아이 캐치 이미지를 설정하는 코드를 추가하면됩니다.