MH Magazine lite 테마: 포스트에 특성 이미지가 표시되지 않도록 하는 방법

일부 워드프레스 테마의 포스트에 특성 이미지가 표시되는 경우가 있습니다. 아바다, 뉴스페이퍼 등과 같은 테마에서는 테마 옵션을 통해 개별 포스트에 특성 이미지(썸네일)가 상단에 표시하거나 숨기는 옵션을 제공합니다. MH Magazine lite 테마에서는 포스트에 특성 이미지가 표시되지만 테마 디자인 > 사용자 정의하기에서 포스트에 표시되는 특성 이미지를 숨기는 옵션은 찾을 수가 없네요. MH Magazine 테마의 포스트에서 제목 아래에 표시되는 특성 이미지를 없애고 싶은 경우 아래의 방법을 참고하시기 바랍니다.

특성 이미지 지정

워드프레스에서 글을 작성할 때 특성 이미지를 설정하면 블로그 페이지나 카테고리, 태그 등의 페이지에 썸네일이 표시됩니다. 워드프레스에서 특성 이미지는 글쓰기 화면의 오른쪽 패널에 있는 문서 > Featured Image (특성 이미지)에서 지정이 가능합니다.

특성 이미지를 지정하면 최신 글 리스트 페이지나 카테고리 페이지 등에서 썸네일이 표시됩니다.

MH Magazine의 경우 개별 글 제목을 클릭하면 제목 아래에 그림과 같이 특성 이미지가 표시됩니다.

특성 이미지가 본문에 삽입된 이미지 중 하나로 설정된 경우 같은 이미지가 반복하여 표시되므로 바람직하지 않을 수 있습니다. 그런 경우 Single Post에 표시되는 특성 이미지를 숨기는 것을 고려할 수 있습니다.

MH Magazine 테마의 개별 포스트에서 특성 이미지 숨기는 방법

특성 이미지를 숨기는 방법으로 다음과 같은 세 가지 방법이 있습니다.

1. 테마 옵션에서 특성 이미지 표시/숨기기 (테마에서 지원하는 경우)
2. 테마 파일에서 특성 이미지를 표시하는 코드 제거
3. CSS로 숨기기

MH Magazine lite 테마에서는 테마 옵션에서 이 기능을 제공하지 않으므로 두 번째 방법이나 세 번째 방법을 이용해야 합니다.

테마 파일을 수정하는 방법은 초보자에게 쉽지 않으므로, CSS로 숨기는 방법을 소개하겠습니다. CSS 코드를 통해 특성 이미지를 숨기는 것이 가장 간단하고 쉽습니다. 다만, 이 경우 특성 이미지가 실제로는 로드되지만 브라우저에서는 표시되지 않을 뿐입니다.

CSS로 개별 글에서 특성 이미지를 숨기려면 다음과 같은 CSS 코드를 추가하도록 합니다.

/* MH Magazine Lite 테마의 개별 글에서 특정 이미지 제거하기 */
/* Hide the featured image on single posts in WordPress MH Magazine Lite theme */

.single .entry-thumbnail {
display: none;
}

워드프레스에서 CSS 코드를 추가하는 방법은 다음 글을 참고하세요.

워드프레스에서 CSS 추가하기 - 워드프레스 기본

다른 워드프레스 테마를 이용하는 경우에도 위의 코드를 응용할 수 있습니다. 하지만 실제 코드는 테마에 따라 조금씩 다릅니다.

마치며

이상으로 MH Magazine 테마의 포스트에서 특성 이미지를 숨기는 방법을 살펴보았습니다. MH Magazine은 무료 버전과 유료 버전이 있습니다. 뉴스, 매거진 사이트를 운영하는 경우 무료 버전으로도 괜찮은 것 같습니다. 하지만 무료 버전에서는 기능이 제한되어 있기 때문에 커스터마이징을 하고 싶은 경우 유료 버전을 구입해야 합니다.

참고로 뉴스, 매거진, 블로그 테마 부문에서는 Newspaper 테마가 가장 인기가 있습니다. 가벼운 테마를 원하는 경우 GeneratePress와 같은 테마를 사용하면 사이트 속도가 확실히 빨라질 것입니다.

참고:

Divi 테마: 무료 'Model CV Layout Pack' (모델 자기소개 레이아웃 팩) 다운로드