포스트 썸네일로 사용할 이미지를 글쓰기 창에서 업로드해 지정된 크기에 맞는 비율로 잘라 썸네일로 사용할 수 있는 플러그인입니다. 장점은 세 가지 다른 크기의 썸네일을 지정할 수 있으며, 썸네일 이미지를 생성하면 지정된 이름으로 커스텀필드에 이미지 경로가 자동으로 등록된다는 점입니다. 단점은 jpg 파일만 업로드해서 썸네일로 만들 수 있으며, 플러그인을 이용해 업로드한 이미지 파일은 미디어 라이브러리에 등록되지 않아 차후 관리와 재사용이 어렵다는 점 정도입니다.
기본 사용법
플러그인을 이용해 생성한 썸네일(기본 크기: 160×90)은 블로그 첫 화면 글 왼쪽 상단에 보여지게 됩니다. 때문에 워드프레스 기본 테마 등 썸네일을 사용하지 않는 테마에서 블로그 첫 화면에 보여지는 글마다 썸네일을 쉽게 추가할 수 있습니다. 플러그인을 활성화시킨 뒤 썸네일을 생성하는 방법은 아래와 같습니다.
- 플러그인 활성화 후 글쓰기 창에 추가된 WP Post Thumbnail에서 썸네일로 사용할 2MB 이내의 jpg 파일을 업로드합니다.
- 업로드한 이미지 위에서 썸네일로 사용할 영역을 지정해준 뒤 이름을 입력해주고 Save Thumbnail을 눌러줍니다.
2가지의 과정을 마치면 이미지에서 선택한 영역이 자동으로 썸네일로 등록되며, 포스트를 저장하면 wppt_default라는 이름으로 커스텀필드에 이미지의 경로가 등록됩니다.
썸네일 이미지의 크기 변경
플러그인으로 원하는 커스텀필드 이름과 원하는 크기의 썸네일을 생성하기 위해서는 플러그인에 포함된 wppt.xml 파일을 열어 수정해준 뒤 사용 중인 테마 디렉토리로 올려줘야됩니다. wppt.xml 파일을 열면 아래와 같은 내용이 있습니다.
파일 내용에서 pft_widescreen, pft_square, pft_rectangle 이 WP Post Thumbnail 플러그인을 이용해 생성할 썸네일이며, 동시에 커스텀필드에 등록될 이름입니다. 포스트 별로 두 가지 크기의 썸네일이 필요하다면 <pft_rectangle>에서 </pft_rectangle>까지이든 다른 것이든 한 영역을 삭제해주시면 됩니다. 각각의 썸네일의 크기는 width, height에서 지정해주면 됩니다. <name></name> 사이에는 WP Post Thumbnail 상자 안에서 썸네일 탭을 구분하기 위해 사용하는 이름입니다.
원하는 커스텀필드의 이름과 썸네일 크기를 지정한 뒤 wppt.xml 파일을 사용 중인 테마 디렉토리에 올리면 아래 그림처럼 WP Post Thumbnail에 썸네일 이름별로 탭이 생성되어 지정된 크기에 맞는 비율로 썸네일을 생성할 수 있습니다.
이렇게 생성한 썸네일을 원하는 위치에 불러오기 위해서는 아래 코드를 템플릿 파일에 추가해주면 됩니다.
<img src="<?php echo get_post_meta($post->ID, 'postthumbnail', true); ?>" />
예컨대, 블로그 첫 페이지에 썸네일이 뜨도록 하려면 home.php(가 없을 경우에는 index.php) 파일을 열어 아래 처럼 코드를 추가해주면 됩니다.
<div class="postthumb">
<img src="<?php echo get_post_meta($post->ID, 'postthumbnail', true); ?>" />
</div>
<?php the_content('Read the rest of this entry »'); ?>
썸네일 생성프로그램으로 로딩시간을 많이 줄일 수 잇겠어여