개별 글에서 특성 이미지(썸네일)가 표시되지 않도록 설정하는 방법

0

워드프레스 테마에 따라 개별 글의 본문 상단에 특성 이미지(썸네일 이미지)가 표시되는 경우가 있습니다.

워드프레스 뉴스페이퍼 테마

위의 그림은 Newspaper 테마의 개별 글(Single Post)에 특성 이미지가 표시되는 경우를 보여주고 있습니다. (※ 워드프레스가 업데이트되면서 용어가 ‘특성 이미지’에서 ‘대표 이미지’로 바뀌었습니다.)

테마 옵션에서 제어하기

개별 글 상단에 특성 이미지(대표 이미지)가 표시되지 않도록 하고 싶은 경우가 있을 수 있습니다. 이 경우 먼저 테마 옵션에서 싱글 포스트에 특성 이미지를 표시하거나 숨기는 옵션을 제공하는지 체크하도록 합니다.

유료 테마에서는 이 기능이 제공되는 경우가 많습니다. 예를 들어, Newspaper 테마에서는 워드프레스 대시보드 > Newspaper > Theme panel > Post Settings > Featured images > Show Featured Image 옵션을 켜거나 끌 수 있습니다.

워드프레스 Newspaper 테마

베스트셀링 테마인 아바다(Avada)에서는 Avada > Theme Options > Blog > Blog Single Post > Featured Image / Video on Single Post 옵션을 On 또는 Off로 설정할 수 있습니다.

아바다 테마 옵션

CSS로 숨기기

사용하는 테마의 테마 옵션에 블로그 싱글 포스트의 썸네일 이미지를 표시하지 않도록 하는 옵션이 제공되지 않는 경우에는 CSS로 숨기는 방법을 이용할 수 있습니다.

예를 들어, Twenty Seventeen 테마에서는 다음 CSS 코드를 사용할 수 있습니다.

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

CSS 코드는 외모 > 사용자 정의하기 > 추가 CSS 섹션에 추가하면 됩니다.

이 방법은 매우 간편하지만 실제로는 대표 이미지가 브라우저에서 로드되지만 CSS에 의해 표시되지 않을 뿐입니다. 특성 이미지가 아예 로드되지 않도록 하면 사이트 성능에 약간의 이득이 있을 것입니다.

개별 글에서 썸네일 이미지가 로드되지 않도록 하려면 테마의 소스를 분석하여 썸네일 이미지를 표시하는 코드를 삭제할 수 있습니다. 테마 소스를 수정하는 경우 반드시 차일드 테마를 이용하세요. 수정해야 할 파일은 테마에 따라 다릅니다(예: single.php 또는 content.php).

예를 들어, Twenty Seventeen 테마의 경우 header.php 파일에서 아래 그림에 하이라이트 표시된 부분을 삭제하면 개별 글과 페이지에서 썸네일 이미지가 표시되지 않습니다.

Twenty Seventeen 테마

참고:

*일부 글에 제휴링크가 포함될 수 있습니다.기부를 통해 블로그 운영을 후원하실 수 있습니다.

Related Posts

댓글 남기기