워드프레스) 본문에 특성 이미지 숨기는 방법! – 썸네일은 그대로! 본문만 숨기기!

안녕하세요. 가즈입니다.
이번 글은 워드프레스 특성 이미지를 본문에서는 안보이게 하는 방법입니다.


워드프레스 특성 이미지(썸네일) 특징

워드프레스 특성 이미지(썸네일) 특징 - 상단 고정, 본문에 강제 추가
워드프레스에서 특성 이미지는 본문에 상단에 강제로 추가가 됩니다.
블록 편집기 경우에는 원하는 곳에 특성 이미지를 수동으로 추가 할 수 있는 기능이 있지만,
많은 유저들이 사용중인 클래식 편집기에는 그런 기능이 존재하지 않습니다.

특성 이미지를 자동으로 설정하는 플러그인을 사용 중에 있다면 상단의 썸네일과
이어서 바로 똑같은 이미지가 오기 때문에 지저분한 블로그가 됩니다.

※ 특성 이미지(썸네일)에 관한 글을 좀 더 읽고 싶다면 하단 글을 참조해주세요.
“워드프래스 특성 이미지(썸네일) 추가 방법 – 첫 이미지를 강제로 특성 이미지로 사용 방법”

1.특성 이미지 숨기는 방법 (CSS 추가 사용)

워드 프렛흐 '추가 CSS' 넣는 방법
워드프레스 “관리자 탭 – 모양(외모) – 사용자 정의”로 들어가면 ‘추가 CSS’ 탭이 있습니다.
해당 탭으로 이동하여 아래 CSS 코드를 추가 및 저장 해주세요.

.post-thumbnail {
display: none;
}

바로 옆 화면으로 상단의 특성 이미지가 숨겨지는 것을 볼 수 있습니다.

2. 특성 이미지 숨기는 방법( 플러그인 사용)

본문에서 썸네일 숨기는 플러그인
워드프레스 가장 장점인 다양한 플러그인에도 당연히 존재합니다.
플러그인  탭에서 ‘새 플러그인 추가’를 눌러 해당 플러그인을 설치, 활성화 해주세요.
단일 게시물 및 페이지에 특성 이미지 조건부로 표시(featured)’ 플러그인

플러그인 설치시 특성 이미지 숨기기 기능 추가
해당 플러그인을 활성화 했다면, 글 작성시 특성 이미지 부분에 문구가 추가됩니다.

이 버튼을 통해 언제든지 글마다 특성 이미지를 본문에서 안보이게 하거나
보이게 설정 할 수 있습니다.


저는 플러그인이 많아질수록 좋은건 아니기 때문에 개인적으로는 CSS로 해결하는 편입니다.
그래도 CSS코드가 안먹히는 테마도 있을 수 있으므로 플러그인 해결법도 추가했습니다.
이만 포스팅 마치도록 하겠습니다.

워드프레스 특성 이미지(썸네일) 등록 및 설정법 – 첫 이미지를 썸네일 자동 등록

안녕하세요. 가즈입니다.
이번 글은 워드 프레스 특성 이미지(썸네일) 설정 방법입니다.


1. 특성 이미지란?

특성 이미지(썸네일) 예시 스크린샷
특성 이미지는 포스트나 페이지의 ‘대표 이미지를 설정‘하는 기능입니다.
유튜브나 블로그의 썸네일 이미지라고 보시면 됩니다.
이를 통해 방문자에게 시각적인 요소를 제공함으로 쉽게 접근 할 수 있게 해줍니다.

2. 워드프레스 특성 이미지 설정 방법

워드프레스 경우 특성 이미지(썸네일)은 따로 설정 해주지 않으면 표시되지 않습니다.
티스토리나 네이버 블로그 경우 이미지를 넣고 원하는 이미지를 클릭 체크하면
자동으로 썸네일로 설정이 가능하나 워드프레스는 수동으로 해줘야 합니다.

블록 편집기를 사용 중일 때

클래식 편집기를 사용 중일 떄

클래식 편집기 특성 이미지 넣는 방법
블록 편집기는 한국식 블로그와는 다르기에 익숙하지 않아서 익숙한 클래식 편집기를
사용하는 유저들이 많습니다.
클래식 편집기는 ‘우측 탭 하단에 특성 이미지 설정’을 통해 지정 할 수 있는데
무조건 맨 위 상단에 노출되게 됩니다.
썸네일 위치 조절이 불가능 한게 클래식 편집기의 단점이죠.
이는 어쩔 수 없이 플러그인을 통해 조절이 가능해집니다.

3. 첫 이미지를 자동으로 썸네일로 지정 하는 방법

auto featured image 설정 방법
클래식 편집기 사용자 또는 블록 편집기를 사용하지만 수동이 귀찮은 분들을 위한
플러그인이 존재합니다.
“Auto Featured Image” 입니다.
기존에는 ‘URL의 추천 이미지(FIFU)’ 플러그인을 사용했으나,
해당 자동 썸네일(특성 이미지) 설정이 유료화 되었습니다.

“Auto Featured Image”를 설치하고 활성화 시키세요.
워드프레스 관리자 탭에 Auto Featured Image 탭이 추가가 됩니다.
Auto Featured Image – SETTINGS(세팅)으로 들어가세요.

맨위 게시물 저장 시 추천 이미지 추가(Add featured image when saving a post)가 ON으로
생성 방법(Generation method)을 게시물에서 찾기로 해두시고
상단 우측에 SAVE를 누르시면 설정 완료 됩니다.