워드프레스 제너레이트프레스 무료 테마 활용법

워드프레스 블로그를 운영하는 사람들 중 많은 사람들이 제너레이트프레스 테마를 사용할 것입니다. 가볍기 때문입니다. 대부분의 테마가 그렇듯 이 테마 또한 유료와 무료로 구분됩니다. 당연히 유료 테마를 쓰는 것이 다양성 등 융통성 면에서 뛰어 납니다. 그렇다고 무료 테마가 형편없다는 것은 아닙니다. 기능을 찾아 보면 유용한 기능들이 꽤 있습니다. 따라서 이번 글에서는 왜 제너레이트프레스인지와 본문 상단의 썸네일 없애는 방법에 대해 설명해 볼까 합니다.

제너레이트프레스 홈페이지 이미지
제너레이트프레스 홈페이지 이미지

워드프레스, 왜 제너레이트프레스인가?

이 블로그에 입힌 테마가 제너레이트프레스 무료 버전입니다. 보시기에 거슬리거나 뭐 그렇게 나쁘지는 않을 겁니다.

사실 한 달전까지 OceanWP 테마을 썼었습니다. 페이지를 폼나게 꾸미는데 있어서 무료 테마 중 oceanWP만한 것은 드물겁니다. 그런데 심각한 문제가 있다는 것은 한참 뒤에 알게 되었습니다.

어느날 구글 서치콘솔에 ‘코어웹바이탈’이라는 듣보잡 경고가 뜬 것이었습니다. 안내 대로 ‘PageSpeed Insight’에서 확인한 내 블로그는 그야말로 쓰레기에 가까웠습니다. 왜 이런 말을 했는지 한번 보겠습니다.

‘PageSpeed Insight’에서 점검한 내 사이트의 성능과 접근성이 각각 25점, 30점으로 나타났습니다. 이 정도면 심각한 것입니다. SEO최적화는 기대하지 않는 것이 좋고, 블로그 방문자 또한 기다리지 않는 것이 일반적입니다.

그래서 생각한 것이 Wp Rocket 플러그인이었습니다. 그런데 유료입니다. 년간 $59. 만만한 금액이 아닙니다. 결재 이후 한달까지 사용해 보다가 환불 받아도 된다는 지침에 따라 덜컥 구입을 했습니다. 그런데 사용법이 또 문제인 겁니다. 열심히 구글링해서 대충 사용법을 익힌 후 다시 체크를 했는데, 역시 유료는 달랐습니다. 성능 72점, 접근성 81점. 당연히 코어웹바이탈이라는 우주 용어는 해결됐습니다.

곰곰히 생각을 했습니다. 뭐가 문제였기에 성능과 접근성이 그 모양이었을까! 플러그인도 그렇게 많이 사용하지도 않았습니다. 다소 무겁다는 플러그인은 오래전에 삭제를 했었습니다.

그런다면 범인은 딱 하나 남습니다. 테마입니다. OceanWP가 문제였던 겁니다. 사실 따지고 보면 내가 설정을 잘 못해서 블로그를 그 모양으로 만들었는지는 모르겠으나, 일단 테마를 바꾸어 보기로 했습니다.

많은 사람들로부터 들었던 것은 제너레이트프레스 테마였습니다. 일단 설치를 마치고 체크에 들어갔습니다. 결과는 어땠을까요? 아래 그림과 같습니다.

페이지 스피드 인사이트 확인 결과
페이지 스피드 인사이트 확인 결과

어떻습니까! 권장사항인 100점까지는 못됐어도 근접한 점수입니다. 테마 하나가 이런 차이를 보이는지 몰랐습니다. 왜 사람들이 제너레이트프레스를 말하는지 알 것 같았습니다.

그런데 또 다른 문제는 제너레이트프레스 무료 버전이 너무 허접하다는 것입니다. OceanWP와 너무 비교가 되는 겁니다. 다수의 사람들이 블로그 디자인 쪽에는 무감각해야 한다고 하지만 제 입장은 좀 다릅니다. 예를 들어 내가 어느 집에 갔다고 해 보겠습니다. 그런데 그 집의 대문부터 환경까지 체계화되어 있지 않고 너저분하다면 다시 가고 싶다는 생각이 들지 않을 것입니다. 또 아무리 그럴싸한 보석이 있다고 해도 가치를 의심할 것 같았습니다.

블로그 본문 상단 썸네일 없애기

다른 건 다 그렇다 치더라도 포스트를 열었을 때, 본문 맨위 상단에 떡하니 버티고 있는 커다란 썸네일이 영 거슬렸습니다. 아래 그림과 같은 경우입니다.

썸네일이 본문 글 상단에 박혀 있습니다
썸네일이 본문 글 상단에 박혀 있습니다

위 그림처럼 본문 타이틀 위에 내가 원하지도 않은 썸네일이 자리잡고 있습니다. 강아지가 아닌 썸네일을 어떻게 해 보려고 무진 애를 썼습니다만, 결론은 ‘유료버전에서만 가능하다’ 였습니다.

방법이 있을 것 같았습니다. 여기저기 헤메고 다닌 끝에 드디어 찾아 냈습니다. 워드프레스에 대단히 해박한 지식을 가지신 분이 운영하는 블로그 같았습니다. 여러분과 공유합니다.

위 사이트를 통해 알아낸 방법을 아래와 같습니다.

  1. 워드프레스 대시보드 우측에서 ‘외모 – 사용자’ 클릭
  2. 추가 CSS 클릭 후 아래 박스 내용을 붙여 넣으면 됩니다.
/* 본문 상단 썸네일 제거 */
.single .inside-article>.featured-image {
display: none;
}
/* 썸네일 제거 끝.

간단하죠? 알면 간단한데, 모르면 어려운 것입니다. 이렇게 이번 글에서는 워드프레스 블로그 운영과 관련한 작은 팁을 소개해 드렸습니다. 다음 글에서는 네이버 서치어드바이저에 ‘<H1>태그 2개 이상 발견’이라는 에러 문구가 떴을때 해결 방법에 대해 소개하겠습니다.