워드프레스 포스트의 첫번째 이미지를 특성 이미지로 사용

성 이미지를(Featured image)를 매번 포스트에 등록하지 않고 포스트의 첫번째 이미지를 자동으로 특성 이미지로 사용하는 방법을 소개하겠습니다.

특성 이미지란?

featured-image-1
포스트 작성 화면(대시보드 >> 글 >> 새 글 쓰기) 오른쪽에 있는 메타 박스에 이미지를 등록하면 포스트를 대표하는 특성 이미지가 됩니다. 특성 이미지는 보통 썸네일(thumbnail – 예: 150×150 px)로 많이 사용되었지만 테마의 디자인에 따라서 특성 이미지의 사이즈를 다르게 사용할 수 있습니다.

featured-image-2

자세한 내용은 워드프레스 코덱스의 Post Thumbnails 를 참고하세요.

플러그인 활용하기

Auto Post Thumbnail를 활용하시면 쉽게 첫번째 이미지를 특성 이미지로 등록할 수 있습니다.

Automatically generate the Post Thumbnail (Featured Thumbnail) from the first image in post or any custom post type only if Post Thumbnail is not set

프리미엄 버젼은 Auto Post Thumbnail Pro를 참고하세요.

코드 직접 넣기

자동으로 첫번째 이미지 또는 기본 이미지를 특성 이미지로 등록하는 테마들이 있지만 현재 사용하시는 테마에서 이런 기능이 없다면 직접 코드를 넣어서 첫번째 이미지를 특성 이미지로 사용할 수 있습니다.

— 첫번째 방법

1. 포스트 썸네일(featured image) 존재 여부를 확인하고 만일 썸네일이 없다며 main_image() 함수를 활용해서 썸네일을 표시합니다. 아래 코드를 테마 루프(loop)에서 썸네일을 표시하고자 하는 곳에 삽입하세요. 썸네일 표시 함수가 이미 있다면 아래 조건문을 참고해서 코드를 수정하세요.

2. main_image() 함수는 functions.php 파일에 아래와 같이 정의합니다.

wpbeginner 참고

— 두번째 방법

1. 테마에서 썸네일을 표시하고자 하는 부분에 아래의 코드를 삽입합니다.

썸네일의 사이즈는 함수의 파라미터로 full이 기본으로 적용되지만 “thumbnail”, “medium”, “large”, “full” 중에서 원하시는 사이즈를 넣으시면 됩니다.

2. my_image_display 함수를 functions.php에 정의합니다. my_image_display 함수에서 썸네일 조건을 검사하고 포스트의 썸네일이 없다면 포스트의 첫번째 이미지를 표시하도록 합니다. 만일 첫번째 이미지도 없다면 아래 코드에서 /img/default.jpg를 표시하도록 합니다. 이미지의 주소 및 이름은 원하시는 것으로 변경하시면 되겠죠.

gist 참고

마치며

위의 플러그인 또는 코드를 활용하면 포스트의 특성 이미지를 깜빡하고 표시하지 않은 경우에도 테마에서는 특성 이미지가 표시되는 장점이 있습니다. 포스트의 첫번째 이미지를 주로 특성 이미지로 사용하시는 분들이나 어떤 경우에도 특성 이미지를 표시하고 싶으신 분들에게 유용할 것같네요.

그럼 오늘도 즐거운 블로깅 하세요!

글쓴이

HwangC

안녕하세요! 여러분의 편안한 워드프레스 안내자 황씨입니다.

“워드프레스 포스트의 첫번째 이미지를 특성 이미지로 사용”에 대한 13개의 생각

  1. 유용한 팁이네요. 그런데 포스팅한 글에 이미지가 전혀 없을땐 디폴트이미지가 나오도록 되어 있는데 이미지가 없으면 없는대로 아예 이미지가 출력이 되지 않도록 할려면 어떻게 해야 하나요?

    1. 테스트해보지는 않았지만 코드 직접 넣기 첫번째 방법에서 get_children에서 받은 $files에 값이 없다면 아무것도 출력을 안하겠네요.

  2. 감사합니다. 덕분에 플러그인 잘 사용했습니다. 저도 위와 같은 문제가 있었는데.. 테마에서 single.php에서 thumbnail 나오는 부분을 제거 했더니 잘 나오더라구요. 비슷할꺼 같아서 알려드려요~

  3. 궁금한게 있습니다…
    무료 호스팅 서비스를 사용하고 있고…
    개인 블로그라서 유료로 전환 할 생각이 없는데요…
    워드프레스는 용량 때문에 사진을 모두 호스팅 해야 하나요?
    사진을 업로드하면 DB 용량을 잡아 먹는게 맞죠…?
    그럼 이게 꽉차면 못올린다는 소린가요?
    썸네일은 꼭 업로드를 해야하는 것 같은데…ㅜㅜ

    1. 무료와 마찬가지로 유료 호스팅도 파일 저장 용량 한계가 있는 경우가 많습니다. 사진을 업로드하면 서버에 사진이 저장되어지면서 QZ님에게 할당된 저장 공간이 조금씩 사라지는 거죠. 이런 경우는 사진 용량을 최소화하거나 flickr와 같은 무료 서비스에 사진을 올리고 사진의 링크를 사이트에서 디스플레이지 해주는 방법도 있습니다.

  4. Auto Post Thumbnail 플러그인을 적용했는데요,

    썸네일 이미지는 잘 나타나는데요, 상세 페이지에 들어갔을 때 동일 이미지가 두개 보입니다.

    그러니까 원래는 이미지가 하나인데, Auto Post Thumbnail 플러그인 실행하니까 그 첫번째 이미지가 썸넹리로 나타나면서 상세페이지에 한번더 보여진다는거죠~~

    안보여야 정상일 듯 싶은데 말입니다. ㅠㅠ

    1. 테마 템플릿에서 썸네일이미지를 상세페이지에서 보여주는 경우도 있습니다. 보통 포스트, 페이지에서 썸네일 끄기 옵션이 있습니다. 테마 설명서를 참고해보세요.

    2. ExtraNews themes 사용중인데 증상이 위에분과 동일해요. 썸네일 끄기 옵션을 잘 찾을 수 가 없네요. 플러그인 사용은 참 편했는데 어렵네요..^^

      1. 그렇군요. 그런 경우에는 직접 코드를 수정하시거나 어디인 지 잘 모르겠다면 테마 개발자에게 포스트에서 첫번째 이미지 썸네일을 끄는 코드 위치를 알려달라고 해보세요.

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.