WordPress에서 개별 게시물의 특성 이미지를 숨기는 방법

일부 사용자는 성능 문제, 디자인 선택 또는 콘텐츠 집중도 때문에 개별 블로그 게시물에 특성 이미지를 표시하지 않는 것을 선호할 수 있습니다. 

예를 들어, 튜토리얼이나 공지사항처럼 텍스트가 많은 게시물에서는 특성 이미지가 방문자의 콘텐츠 집중을 방해할 수 있으므로 특성 이미지를 원하지 않을 수 있습니다. 특성 이미지를 숨기면 특히 모바일 기기 사용자의 로딩 속도도 향상될 수 있습니다.

같은 목표를 가지고 계시다면, 개별 블로그 게시물에서 특성 이미지를 숨기는 방법을 안내해 드리겠습니다!

특성 이미지를 개별적으로 숨기는 방법

블로그 글에서 특성 이미지를 숨기는 방법은 여러 가지가 있습니다. 코딩 경험이 없다면 간단한 플러그인을 사용하여 작업을 완료할 수 있습니다.

하지만 플러그인을 설치하고 싶지 않다면 테마 파일을 편집하거나 사용자 정의 CSS를 사용하는 등 보다 기술적인 방법을 사용할 수 있습니다. 아래에서 각 방법을 단계별로 설명했습니다:

방법 1: 플러그인 사용

Conditionally Display Featured Image 플러그인을 사용하면 특성 이미지를 빠르게 숨길 수 있습니다. 이 인기 플러그인은 WordPress 플러그인 디렉터리에서 무료로 사용할 수 있습니다.

이 플러그인을 사용하면 개별 게시물이나 모든 발행된 게시물 목록을 표시하는 블로그 페이지에서 특성 이미지를 숨기도록 선택할 수 있습니다.

이 쉬운 방법을 시도해 보시려면, 먼저 설치부터 시작하겠습니다:

1. 플러그인 설치 및 활성화

WordPress에서 플러그인을 설치하고 활성화하는 방법을 이미 알고 있다면 다음 단계로 넘어가셔도 됩니다. 하지만 처음이라면 아래 단계를 따라 계속 진행해 보세요:

• WordPress 관리자 대시보드를 엽니다.
• 사이드바에서 플러그인 메뉴를 클릭하세요.

• 클릭 플러그인 추가 를 눌러 플러그인 디렉터리를 엽니다.
• 검색창에 Conditionally Display Featured Image 를 입력하세요. 플러그인이 첫 번째 결과로 나타나야 합니다.

• 플러그인을 다운로드하려면 지금 설치 를 클릭하세요.
• 설치가 완료되면 활성화 를 클릭하여 사이트에서 사용하도록 설정하세요.

2. 원하는 글 편집

플러그인이 활성화되면 특성 이미지를 숨기려는 게시물로 바로 이동할 수 있습니다. 그런 다음 아래 단계에 따라 이미지를 숨길 수 있는 체크박스를 찾으세요:

• 편집하려는 블로그 글을 엽니다.
• 편집기에 접근하려면 설정 을 클릭하세요.

• 사이드바에서 글 탭으로 이동합니다.
• 맨 위에서 특성 이미지를 볼 수 있습니다. 그 아래에서 다음 옵션을 찾을 수 있습니다: 게시물 목록에서만 특성 이미지를 표시하고 단일 게시물 보기에서는 숨기기.

• 해당 게시물에서 특성 이미지를 숨기려면 체크박스를 선택하세요.
• 다음으로, 업데이트/저장 버튼(게시물이 이미 게시된 경우) 또는 게시 버튼(아직 임시글인 경우)을 클릭하여 변경 사항을 저장하세요.

3. 변경 사항을 적용하려면 게시물을 업데이트하세요

이 단계는 저장 또는 업데이트 버튼을 클릭하면 완료됩니다. 하지만 사이트의 프런트 엔드를 확인하여 특성 이미지가 실제로 숨겨졌는지 반드시 확인하세요.

이를 수행하는 방법에는 두 가지가 있습니다:

• 게시된 게시물의 실제 버전을 확인하세요
• 또는 게시하기 전에 임시 저장된 게시물을 미리 보기

다음은 변경 전과 후의 결과입니다:

방법 2: 사용자 정의 CSS 사용

게시물에 여전히 특성 이미지가 표시되더라도 걱정하지 마세요. 문제를 해결할 수 있는 다른 방법이 있습니다.

사용자 화면에서 숨기기 위해 사용자 정의 CSS 코드를 사용할 수 있습니다. 하지만 이 방법은 성능에 약간 영향을 미칠 수 있다는 점을 유의하세요. 특성 이미지가 보이지 않더라도 여전히 로드되기 때문입니다.

이것이 문제가 되지 않는다면, 아래 튜토리얼을 따라 진행하세요:

1. 특정 게시물 ID 확인

CSS 코드가 개별 게시물에만 적용되도록 하려면 해당 게시물의 ID를 찾아야 합니다. 게시물 ID는 WordPress에서 각 게시물을 고유하게 식별하는 숫자입니다.

예를 들어, URL에 post=111이 포함될 수 있으며, 여기서 111은 게시물 ID입니다.

하지만 사이트에서 SEO 친화적인 영구 링크를 사용하는 경우 URL에서 게시물 ID를 직접 볼 수 없습니다.

대신 찾는 방법은 다음과 같습니다:

• WordPress 관리자 대시보드로 이동하세요.
• 편집하려는 게시물을 클릭하세요.
• 브라우저의 URL 표시줄을 확인하세요.
• 아래와 같이 게시물 ID가 포함된 URL이 표시되어야 합니다.

2. 해당 게시물의 특성 이미지를 숨기기 위해 사용자 정의 CSS 추가

게시물 ID를 확인한 후, 다음 단계는 사용자 정의 CSS 코드에 해당 ID를 추가하는 것입니다. WordPress에는 CSS를 추가하는 기본 기능이 있으므로 타사 플러그인을 설치할 필요가 없습니다.

CSS 코드는 사용자 정의하기 메뉴를 통해 추가할 수 있습니다. 이 방법은 기본적인 코딩 지식만 있으면 되므로 걱정할 필요가 없습니다.

아래 단계를 차근차근 안내해 드리겠습니다:

• 사이드바에서 외모 메뉴를 열고 사용자 정의하기를 선택합니다. 

• 사용자 정의 메뉴로 이동합니다. 

• 아래로 스크롤하여 추가 CSS 섹션을 클릭합니다.
• 아래 코드를 편집기 상자에 붙여넣으세요. 게시물 ID를 실제 게시물 ID로 바꾸는 것을 잊지 마세요.

.postid-51442 .post-thumbnail { display: none; } 

• 마지막으로 발행 을 클릭하여 변경 사항을 적용하세요. 이제 해당 게시물에서 특성 이미지가 숨겨져야 합니다. 

방법 3: 테마 파일 편집

위 방법으로 원하는 결과를 얻지 못했다면 테마 파일을 편집해 볼 수 있습니다.

하지만 테마 파일을 편집하면 오류가 발생하거나 일부 기능이 손상될 수 있으므로 이는 최후의 수단으로 고려해야 합니다.

만일을 대비해 백업을 유지하세요. 이 주의사항을 확인했으니 이제 시작해 보겠습니다:

1. 테마의 functions.php 파일 열기

테마 내에는 .php 파일이 single.php, content.php, functions.php 등 여러 개 있습니다. 이는 테마 구조에 따라 다릅니다.

이 방법을 사용하려면 functions.php 파일을 찾아야 합니다. 찾는 방법은 다음과 같습니다:

• 사이드바에서 외모 메뉴를 엽니다.
• Theme File Editor를 클릭하세요.

• 아래와 같이 테마 편집기가 열립니다. 

• 아래로 스크롤하여 테마 파일 메뉴를 찾고 functions.php를 찾으세요. 

• 파일을 열려면 클릭하세요. 

2. 특정 게시물의 특성 이미지를 제외하기 위한 조건문 추가

이제 functions.php 파일을 열었으니, 단일 게시물 페이지에서 특성 이미지를 숨기려면 다음 코드를 추가하세요. 

function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // add the filter add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

코드가 특정 게시물의 특성 이미지만 숨기도록 하려면 is_single() 을 is_single(123)으로 바꾸세요. 여기서 123은 대상으로 지정하려는 게시물의 ID입니다.

그런 다음 파일 업데이트 버튼을 클릭하여 변경 사항을 저장하세요. 

모든 단일 글에서 특성 이미지를 숨기는 방법

모든 개별 글에서 특성 이미지를 숨기고 싶다면 Neve 테마가 더 쉽게 해줍니다. 

몇 번의 클릭만으로 이 방법은 게시물 페이지에서 추천 이미지가 계속 숨겨지도록 보장합니다.

Neve 테마가 이미 설치되어 있다면 아래 단계를 계속 진행하세요:

• WordPress 관리자 대시보드에서 외모 를 클릭한 후 사용자 정의하기를 클릭하세요.
• 다음으로 이동하세요: 블로그 섹션.

• 두 가지 레이아웃 스타일이 표시됩니다: 일반 및 커버. 특성 이미지를 숨기는 단계는 각 레이아웃마다 다릅니다:

일반 레이아웃의 경우:

1. 아래로 스크롤하여 썸네일 섹션을 찾으세요.
2. 다음 옆에 있는 눈 아이콘 을 클릭하세요: 썸네일 을 비활성화합니다.
3. Publish 버튼을 클릭하여 이 변경 사항을 적용하세요.
4. 이제 Normal 헤더 레이아웃을 사용하는 게시물에서 특성 이미지가 숨겨집니다.

커버 레이아웃의 경우:

1. 아래로 스크롤하여 특성 이미지 숨기기 토글을 찾으세요.
2. 이 토글을 켜세요.
3. 발행 을 클릭하여 설정을 저장하세요.

• 설정을 저장한 후 변경 사항이 적용될 때까지 몇 초간 기다리세요.
• 그런 다음, 단일 게시물 중 하나를 방문하여 특성 이미지가 숨겨져 있는지 확인하세요.

이 방법을 사용하려면 Neve 테마가 설치되어 있어야 합니다. 아직 설치하지 않았다면 테마 디렉터리에서 설치하고 활성화해 보세요. 검색 필드에 Neve 를 입력하면 찾을 수 있습니다. 

테마 파일을 편집하는 것이 권장되지 않는 이유는 무엇인가요?

필요하지 않다면 테마 파일을 편집하지 말라고 당부드렸습니다. 간단한 이유는 사이트가 망가질 수 있기 때문입니다.

그래서 테마 파일을 편집하지 않고도 추천 이미지를 숨기는 몇 가지 더 안전한 대안을 모아봤습니다:

• 코드 스니펫 플러그인 사용: 코드 스니펫은 개별 게시물에 사용자 정의 PHP를 추가할 수 있는 무료 플러그인입니다. 사이트를 손상시킬 위험 없이 놀라운 효과를 발휘합니다.
• 사용자 정의 기능 플러그인: 이 플러그인을 사용하면 테마 파일에 직접 입력하는 대신 사용자 정의 PHP를 연결할 수 있습니다.

Conclusion

워드프레스에서 특정 이미지를 숨기기 위해 위의 모든 방법을 시도할 필요는 없습니다. 자신의 필요에 맞는 방법을 찾기만 하면 됩니다.

특히 미디어 라이브러리가 복잡해질 때 많은 수의 특성 이미지를 관리하는 것은 시간이 많이 걸릴 수 있습니다.