본문으로 바로가기

워드프레스 2.9 Post Thumbnail 사용하기

By 양군, 2010-01-07

Post Thumbnail

워드프레스가 2.9로 업데이트 되면서 크게 다음과 같은 특징들이 추가되었습니다.

  1. Post Thumbnail
    포스트에 썸네일 이미지를 추가할 수 있습니다.
    추가된 썸네일은 테마나 플러그인에서 활용할 수 있습니다.
  2. Trash Status
    포스트, 페이지, 댓글 등을 바로 삭제하는게 아닌 “휴지통”으로 보낼 수 있으며 이를 관리할 수 있습니다.
  3. Basic Image Editing
    워드프레스 관리 모드에서 첨부된 이미지에 대한 간단한 편집(크기 조정, 회전, 자르기 등)이 가능합니다.
  4. Media Embedd
    포스트, 페이지에 미디어(그림, 동영상,파일 …)를 추가하기가 쉬워졌습니다.

저역시 2.9로 업데이트했는데 Post Thumbnail 기능은 어디에서도 찾을 수 없어서 한참 헤멨습니다.

이 글은 워드프레스를 2.9로 업데이트 했지만 Post Thumbnail 기능이 활성화 되지 않은 분들을 위한 겁니다.

테마 조정하기

저의 경우에는 테마가 해당 기능을 지원하지 않았던 문제였습니다.

사용하는 테마 파일 중 functions.php 라는 파일의 상단에 add_theme_support( ‘post-thumbnails’ ) 를 삽입하면 기능이 활성화됩니다.

if (function_exists('add_theme_support')) add_theme_support( 'post-thumbnails' );
if (function_exists('set_post_thumbnail_size')) set_post_thumbnail_size(200, 200, false);

line.2 에 set_post_thumbnail_size 함수는 표시되는 썸네일 사이즈를 설정하는 함수입니다.

Post Thumbnail

이렇게 적용되었습니다.

화면 옵션 조정하기

그래도 글쓰기 화면에서 보이지 않는다면, 화면 옵션을 살펴보십시오.
(화면 옵션은 글쓰기 화면 우측 상단에 있습니다.)

글쓰기 화면 옵션

글쓰기 화면 옵션

썸네일 표시하기

포스트에 설정된 썸네일을 표시하기 위해서는 테마 파일에 아래처럼 추가하면 됩니다.
(제 블로그 메인에 적용되어 있습니다. :) )

< ?php if (have_posts()) : ?>
< ?php while (have_posts()) : the_post(); ?>
< ?php the_post_thumbnail();  // 썸네일 출력?>
< ?php the_excerpt();  // 포스트 요약 출력?>
< ?php endwhile; ?>
< ?php endif; ?>

더 멋진건,
wptouch 라는 플러그인을 설치하면 아이폰에서 블로그가 이렇게 보일 수 있습니다. ^^

wptouch 적용후 아이폰에서의 블로그 화면

아이폰에서 사파리로 접속 시 화면 (wptouch + post thumbnail)

아이폰에서 사파리로 http://yangun.pe.kr 접속하시면 보실 수 있습니다.

관련 포스트

댓글을 달아주세요.

OfficeFolders theme by Themocracy. Modified by Yangkun (It's me). Valid XHTML 1.0 Transitional 올바른 CSS입니다!