워드프레스 GeneratePress 테마 본문 썸네일 감추기

워드프레스로 사이트를 만들어서 블로그 글을 작성하면 지정된 이미지가 글 목록에 썸네일로 나오고 본문에도 똑같이 썸네일로 표시됩니다. 이게 기본 설정인데 본문 즉 포스팅한 글의 맨 위에 표시되는 대표이미지를 감추고 싶습니다.

 

검색을 해보면 유료 테마의 경우에는 따로 설정하는 옵션이 있지만 무료 테마의 경우는 대부분 기능을 지원하지 않습니다. 방법은 플러그인을 사용하거나 테마에 CSS를 추가해서 숨겨야합니다.

CSS 추가 - 워드프레스 글 본문 썸네일 감추기

반응형

해당 방법은 글 상단에 표시되는 대표이미지를 삭제하는 방법이 아니라 안보이게 "감추는" 방법입니다. 포스팅 글에 대표이미지를 처음부터 로딩되지 않게 하면 글 속도에도 좋고 장점이 있겠지만 방법을 몰라서 우선은 CSS 추가로 숨겨보겠습니다.

 

해당 방법은 GeneratePress 포럼에서 검색으로 나온 답변이며 프리미엄 버전을 이용하는 경우 테마 설정에서 간단하게 적용이 가능합니다. 무료는 CSS 코드를 추가해야합니다.

Disable Featured Images on Single Posts - GeneratePress

 

누군가 질문을 올렸는데 Customer Support 답변으로 CSS 코드를 제공해줬습니다. 

해당 CSS를 워드프레스 -> 외모 -> 사용자 정의하기-> 추가 CSS -> 마지막 부분에 붙여넣기 순서로 진행하면됩니다. 저장한 후에 자신의 워드프레스 사이트에 접속해보면 본문 글 상단에 보이던 대표이미지가 사라진 것을 확인할 수 있습니다.

.page-header-image-single {
      display: none;
}

플러그인을 사용해서 본문 썸네일 숨기기

이 방법은 위의 방법이 통하지 않을 경우 (저는 코딩이나 CSS를 잘 모릅니다.) 플러그인으로 대표이미지를 숨길 수 있습니다. 해당 기능을 쓸 수 있게 도와주는 플러그인이 있거든요.

Conditionally display featured image on singular posts and pages

워드프레스의 플러그인 -> 새로 추가 - > "Conditionally display featured image on singular posts and pages" 검색 후 설치 합니다. 이름이 너무 길어서 "Conditionally"만 검색해도 해당 플러그인이 나타납니다.

Conditionally display featured image on singular posts and pages

설치를 한 뒤에 활성화를 시키고 글 작성하면서 설정에서 "Display featured image in post lists only, hide on singular views." 에 체크를 하면됩니다.

 

체크를 하면 글 목록에는 썸네일이 표시되고 해당 글을 선택해서 본문을 읽을 때는 글 상단에 대표 이미지는 숨겨지는 설정입니다. CSS로 하는 일을 이 플러그인으로 대체할 수 있습니다.

 

hide on singular views 체크!

PHP를 수정하는 방법도 있는데 CSS도 잘 모르는 사람이 더 깊게 관여하는 것은 무리로 판단되어 저는 첫번째 CSS를 추가하는 것으로 GeneratePress 무료 테마에서 본문 상단의 썸네일을 제거(숨기기)했습니다.

GeneratePress 유료 테마(GP Premium)에서 설정

워드프레스 -> 외모 -> 사용자 정의하기 -> Layout -> Blog 순서로 이동하여 Post 탭에서 Display featured images 옵션을 체크 해제하면 더이상 본문 상단에서 대표이미지가 보여지지 않습니다.

 

워드프레스 관련 글

• 카페24 워드프레스 호스팅 가격과 신청방법
• 워드프레스 블로그 검색 등록하기 네이버와 다음 구글 빙 까지
• 워드프레스 링크 미리보기 플러그인 Visual Link Preview
• 카페24 워드프레스에서 애드센스 ads.txt 해결하기