워드프레스 썸네일 안보이게 하는법 (GP무료테마)

워드프레스 썸네일 안보이게 하는법 찾고 계신가요? 유료테마에서는 본문 썸네일 안보이게 하는 기능이 있습니다만, 무료테마에서 썸네일 안보이게 하는 방법은 아래와 같이 하시면 됩니다.

워드프레스 썸네일 안보이게 하는 방법

현재 워드프레스 GP테마를 사용하고 계시다면, 본문을 열었을 때 지정한 썸네일이 제목 위에 큼지막하게 들어가는 모습을 보고 놀라셨을수도 있습니다. 제가 그랬거든요. (어째서 기본 위치가 본문의 제목 위인지 모르겠네요. 이 상태에서 썸네일 안보이게 조치를 취하지 않으면 상단 광고가 너무 아래로 내려가버려서 수익에 좋지 않습니다.)

(팁) 워드프레스 썸네일 넣는 법

그 전에, 이제 막 워드프레스를 시작하는 분이라면 썸네일 넣는 법부터 헷갈릴 수 있습니다. 티스토리나 네이버 블로그의 경우 본문에 넣은 이미지를 대표 이미지로 지정만 해주면 썸네일로 올라가지만, 워드프레스는 방식이 조금 다른데요. 플러그인을 사용하는 등 여러가지 방법이 있지만, 문서편집기를 이용한 가장 기본적인 방법은 아래와 같습니다.

현재 작성하고 있는 워드프레스 본문 문서편집기 오른쪽을 보시면 [글] [블록] 이라는 메뉴를 볼 수 있는데요. 이 중 [글] 부분 메뉴를 내려보면 [특성 이미지]라는 부분이 있습니다. 이 특성 이미지가 바로 썸네일을 말합니다. 여기에 올려줘야 썸네일로 인식해 목록에도 표시되고, 포털에서도 표시가 돼요.

다시 본론으로 돌아와서 GP테마를 이용하는 워드프레스 본문에서 썸네일을 안보이게 하는 법은 두가지가 있습니다. 하나는 GP 유료테마를 구입해서 사용하는 것이고, 하나는 CSS를 수정해주는 것인데요. 1년에 약 60$의 사용료가 있는 GP 유료테마의 구입은 일단 뒤로 미뤄두고, 일단은 CSS 수정을 통해 워드프레스 썸네일 안보이게 해볼게요.

CSS 수정 메뉴 위치

CSS는 사이트의 디자인적인 요소들을 입맛에 맞게 바꿔줄 수 있는 파일입니다. 위치는 아래와 같이 따라가 주세요.

✅ 관리자 메뉴 – 외모 – 사용자 정의 – CSS 추가

워드프레스 썸네일 안보이게 하는 코드

위의 위치를 찾아 오셨다면 html 코드를 넣을 수 창이 열릴텐데요. 가장 아래 여백 부분에 아래의 코드를 그대로 넣어주시면 됩니다.

위의 코드를 넣어 준 뒤 가장 위에 보이는 파란색 [공개]라는 버튼을 눌러 저장해주면 워드프레스 썸네일 안보이게 하는 법이 끝납니다. (영어로 된 사이트를 한글로 변환하면서 많은 메뉴 이름이 어색하게 나옵니다. 이부분은 차차 적응해야 할 부분이에요.)

위의 코드가 동작하지 않는다면?

워드프레스 썸네일 안보이게 하는 법을 검색해보면 원리는 동일하지만 다른 여러가지 코드가 보이실겁니다. 분명 GP 무료 테마에서 적용하는 CSS 코드라고 나와있는데도 말이죠. 제가 성공한 위의 코드도 무려 네번째 시도만에 성공한거예요. 그러니 혹시 위의 코드를 적용해도 본문 상단에 박혀있는 썸네일이 없어지지 않는다면 아래의 코드들로 바꿔서 시도해보시기 바랍니다.

오늘은 GP무료테마를 사용하면서 본문에서 썸네일 이미지 안보이게 하는 방법에 대해 공유해드렸습니다. 유료테마 구입하기 전까지 필요하신 분들께 도움이 되었으면 좋겠습니다.