워드프레스 무료 GeneratePress 테마에서 특성 이미지(썸네일 이미지) 제거 방법

무료 GeneratePress 테마를 현재 이 블로그에 사용중 입니다. 워드프레스 테마 중에 속도가 빠르다는 평가를 받고 있기도 하고 깔끔하게 아무것도 없는 디자인이 기존에 운영했던 티스토리 스킨과 비슷해서 사용하고 있습니다.

워드프레스 무료테마 GeneratePress 란?

워드프레스 무료테마 GeneratePress는 다양한 용도로 사용할 수 있지만 블로그를 운영할 때 깔끔하고 속도가 빠르다고 다른 블로거들 유튜버들이 추천들을 하시더라고요. 유료버전을 사용하면 다양하게 여러가지로 커스텀이 가능한 것 같은데 무작정 구매하기엔 비싼 가격같아서 먼저 무료버전을 사용해보고 나중에 블랙프라이데이 세일 등에 할인이 있다고 하면 구매하는 것도 나쁘지 않을까해서 일단은 무료버전으로 이용해 보려고 합니다. 다만 몇 가지가 너무 거슬려서 검색해서 수정해보고 있습니다.

무료 GeneratePress 테마에서 특성 이미지(썸네일 이미지) 제거 방법

특성 이미지(썸네일 이미지)를 제거하려는 이유는 글을 작성했더니 특성 이미지(썸네일 이미지)로 선택한 이미지가 제목 위에 표시가 되면서 상당히 보기 안 좋더라고요. 그래서 변경을 하려고 찾아보니 무료버전은 간단하게는 수정이 힘들고 CSS에 코드를 추가해야 하더라고요. 워드프레스 GeneratePress 유료테마를 사용한다면 테마 옵션에서 간단하게 수정할 수 있는 내용인데 말이죠. 빨리 돈 많이 벌어야겠습니다.

유료버전 GeneratePress에서는 (워드프레스 관리자 페이지 >> 외모 >> 사용자 정의하기 >> Layout >> Blog) 페이지에서 클릭해서 몇가지 체크만 하면 된다고 하는데. 무료테마에 경우 설정할 수 있는 옵션이 없어서 CSS를 이용해야 합니다.

(워드프레스 관리자 페이지 >> 외모 >> 사용자 정의하기 >> 추가 CSS) 로 이동해서 아래 적혀있는 CSS코드를 복사 붙여넣기로 추가하면 개별 글 상단에 표시되는 특성 이미지(썸네일 이미지)가 숨겨지고 표시되지 않습니다.

/* 무료 GeneratePress 테마 개별 글에서 특성 이미지 제거하기 */
.single .inside-article>.featured-image {
    display: none;
}

사실 이 방법은 특성 이미지(썸네일 이미지)를 제거하는 것 보다는 CSS를 이용해서 브라우저에 특성 이미지(썸네일 이미지)가 로드 즉 브라우저에는 불러오지만 사용자에게는 보이지 않도록 숨기는 방법이라고 하네요. 아예 브라우저로 불러오지 않도록 하려면 테마 파일에서 해당 코드 소스를 제거하거나 자바스크립트, 제이쿼리 같은 무서운 이름들을 이용해서 제거할 수 있다는데 그 정도 손대려면 유료테마를 구매하는게 속 편할 것 같습니다.

글에서 특성 이미지 유지해야할까요? 제거해야할까요?

상단에 특성 이미지(썸네일 이미지)가 표시되는 것은 제거했는데 본문에서는 해당 이미지를 제거해야 하나 고민이 될 수도 있습니다. 저 같은 경우는 글에 넣는 이미지를 최소화하려고 하기 때문에 남겨두는 방법을 택했지만 다른 이미지들이 충분히 있다면 특성 이미지(썸네일 이미지)로 사용하는 이미지는 글에서는 삭제해도 됩니다. 제거하더라도 미디어 라이브러리에 업로드 되어도 특성 이미지로 설정 되어 있기 때문에 특성 이미지(썸네일 이미지)는 잘 표시됩니다.

이상으로 워드프레스 무료 GeneratePress 테마에서 특성 이미지(썸네일 이미지) 제거 방법에 대한 포스팅을 완료합니다. 몇 가지가 변경이 쉽게 되지 않지만 무료버전 GeneratePress 테마도 괜찮은 것 같습니다.

참고

• 워드 프레스 블로그 줄 간격 띄우는 방법 (여백 블록 활용)
• 워드프레스 블로그 플러그인 설치방법 3가지
• 워드프레스 블로그 목차 만들기 2가지방법
• 워드프레스 무료 플러그인 포스트 그리드(GridBuilder X , 2023년 7월 무료 다운로드)