WordPress에서 추천 이미지가 표시되지 않는 문제를 해결하는 방법(6가지 방법)

워드프레스의 추천 이미지는 시각적인 매력으로 작용합니다. 방문자가 가장 먼저 주목하는 부분이기도 하죠. 좋은 추천 이미지는 사이트의 디자인을 향상시키고 강한 첫인상을 남길 수 있습니다. 

하지만 이러한 이미지가 제대로 표시되지 않으면 사용자 경험 저하, 레이아웃의 매력도 저하, 심지어 SEO 성과에도 부정적인 영향을 미칠 수 있습니다.

현재 이 문제를 겪고 계시다면 걱정하지 마세요. 저희가 도와드리겠습니다. 이 글에서는 WordPress에서 추천 이미지가 표시되지 않는 문제를 해결하는 6가지 간단한 해결책을 소개합니다!

추천 이미지 문제의 일반적인 이유

해결책을 살펴보기 전에, WordPress에서 추천 이미지가 표시되지 않는 근본적인 원인을 이해하는 것이 중요합니다. 가장 일반적인 이유는 다음과 같습니다. 

1. 테마가 추천 이미지를 지원하지 않음

WordPress는 사이트를 더욱 돋보이게 할 수 있는 세련되고 재미있는 테마를 다양하게 제공하여 디자인을 맞춤 설정하는 재미를 더합니다. 하지만 테마가 추천 이미지를 지원하는지 확인하는 것을 잊는 경우가 있습니다.

일부 테마는 추천 이미지를 기본적으로 지원하지 않거나, 추천 이미지를 활성화하기 위해 추가 단계가 필요할 수 있습니다.

따라서 추천 이미지를 제대로 추가했는데도 표시되지 않는다면 이러한 문제가 원인일 수 있습니다.

2. 잘못된 디스플레이 설정

일부 디스플레이 설정으로 인해 추천 이미지가 표시되지 않을 수 있습니다. 게시물 편집기, 테마 설정 또는 페이지 빌더 등에서 기본 설정을 조정했다면 실수로 이 옵션을 비활성화했을 수 있습니다.

이미지가 의도한 대로 표시되도록 디스플레이 설정을 제대로 구성했는지 확인하세요. 때로는 작은 체크 표시가 없는 상자 때문에 이미지가 실제로 표시되어 있어도 표시되지 않을 수 있습니다.

3. 플러그인 충돌

WordPress 사용을 지원하기 위해 많은 플러그인을 사용하는 경우 이 문제가 발생할 가능성이 있습니다. 지원되지 않는 플러그인은 테마를 방해하여 추천 이미지가 제대로 표시되지 않을 수 있습니다.

플러그인과 테마의 스크립트가 충돌할 수 있기 때문에 이 문제는 매우 흔하게 발생합니다. 어떤 플러그인이 문제를 일으키는지 알고 있다면 해당 플러그인을 비활성화하거나 플러그인 개발자에게 문의하여 해결책을 찾아보세요.

4. 이미지 가시성에 영향을 미치는 Lazy loading

Lazy loading 은 플러그인이 필요할 때만 이미지를 로드하여 페이지 로드 시간을 개선하는 데 사용하는 기능입니다.

유용한 도구이긴 하지만, 가끔 추천 이미지가 로드되지 않을 수 있습니다. 이는 일반적으로 페이지의 모든 이미지에 대해 레이지 로드가 활성화된 경우 발생합니다.

이 설정을 활성화했다면, lazy loading 추천 이미지에 영향을 미치지 않도록 설정을 조정하세요. 다른 lazy loading 플러그인으로 전환하여 문제를 해결할 수도 있습니다. 

5. 이미지 업로드 중 HTTP 오류 발생

이미지 업로드 시 HTTP 오류 메시지가 표시되는 경우, 일반적으로 파일이 너무 크거나 사이트의 업로드 제한을 초과했음을 의미합니다.

이는 특히 용량이 큰 추천 이미지를 사이트에 업로드할 때 자주 발생하는 문제입니다. 이 문제를 해결하려면 wp-config.php 파일을 편집하여 PHP 메모리 제한을 늘리거나 업로드 전에 이미지를 압축하세요.

6. 추천 이미지 메타 상자가 없습니다.

추천 이미지 메타 박스는 게시물이나 페이지를 편집할 때 표시되어야 합니다. 이 박스가 없는 경우, 편집기의 표시 설정이 잘못되었거나 테마 설정에서 기본적으로 이 기능을 비활성화했기 때문일 수 있습니다.

이 박스가 없으면 추천 이미지를 설정할 수 없습니다. 따라서 아래 단계별 가이드에서 설명할 해결책을 통해 문제를 해결해야 합니다.

단계별 솔루션

가능한 원인을 파악하면 가장 효과적인 해결책을 찾는 데 도움이 됩니다. WordPress에서 추천 이미지가 표시되지 않는 문제를 해결하는 데 도움이 되는 몇 가지 간단한 팁을 소개합니다. 다음 단계를 따라 사이트에 시각적인 매력을 더해 보세요! 

1. 테마에서 추천 이미지 활성화

추천 이미지를 지원하지 않는 테마를 사용 중이고 처음부터 다시 시작하고 싶지 않다면 해결책이 있습니다
.functions.php 파일을 간단히 편집하여 추천 이미지를 활성화할 수 있습니다.이 파일은 테마 폴더에서 찾을 수 있으며, 일반적으로 wp-content/themes/your-theme-name/functions.php .

해당 파일을 열고 코드를 추가해 보세요: add_theme_support('post-thumbnails'); 맨 아래에 있습니다.

변경 사항을 저장하여 적용하는 것을 잊지 마세요.추가한 후에는 테마가 추천 이미지를 지원합니다.

이미지를 표시하려는 코드 줄에 추가하여 템플릿 파일(예: single.php 또는 content.php

2. WordPress 편집기에서 디스플레이 설정을 확인하고 조정합니다.

추천 이미지가 제대로 표시되도록 디스플레이 설정을 조정하세요. 아래 튜토리얼을 참고하세요.

• 추천 이미지를 추가하려는 페이지로 이동하세요.
• 블록을 추가하려면 더하기 아이콘(+)을 선택하세요

• 그런 다음 WP 최신 게시물을 .
• 블록 설정 에서 추천 이미지 활성화합니다 .
• 레이아웃에 맞게 이미지를 조정하세요.

3. 충돌을 식별하기 위해 플러그인을 비활성화합니다.

WordPress 추천 이미지가 표시되지 않는 일반적인 이유 중 하나는 플러그인 충돌입니다. 이 문제를 해결하는 가장 효과적인 방법은 설치된 플러그인을 수동으로 검토하고 하나씩 비활성화하는 것입니다.

이 방법을 사용하면 추가적인 타사 도구를 설치할 필요가 없습니다. 하지만 플러그인이 너무 많이 설치되어 있는 경우, 특히 플러그인을 여러 개 설치한 경우라면 Health Check & Troubleshooting 플러그인을 사용해 보세요.

4. 필요한 경우 추천 이미지에 대한 lazy loading 비활성화합니다.

사이트에서 lazy loading 기능을 완전히 끌 필요는 없습니다. lazy loading 사용하면 추천 이미지가 제대로 표시되는 동시에 이미지 전달을 최적화하는 데 도움이 될 수 있습니다. 이 문제를 해결하는 두 가지 방법은 다음과 같습니다. 

a. functions.php 파일을 편집합니다.

• WordPress 대시보드에서 모양으로 이동한 다음 테마 파일 편집기로 이동합니다.
• 현재 테마의 functions.php 엽니다
• 다음 코드를 파일에 추가합니다.

add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( $context === 'the_post_thumbnail' ) { return false; } return $default; }, 10, 3 ); 

• 마지막으로 파일을 저장합니다. 

b. 플러그인 사용

코드 편집으로 너무 기술적인 작업을 하고 싶지 않다면 WP Speed of Light , Disable Lazy Load, Lite Speed Cache lazy loading 지정할 수 있어 프로그래머가 아닌 사용자에게도 더욱 사용하기 편리한 옵션입니다.

5. PHP 메모리 제한을 늘리거나 파일 권한을 확인하여 HTTP 오류를 해결하세요.

추천 이미지가 표시되는 HTTP 오류가 발생하는 경우, 두 가지 방법으로 해결할 수 있습니다. PHP 메모리 제한을 늘리거나 파일 권한을 확인하여 올바른지 확인하는 것입니다. 두 가지 해결 방법에 대한 전체 튜토리얼은 다음과 같습니다. 

a. PHP 메모리 제한 증가

이 단계에서는 .htaccess 또는 wp-config.php 파일을 수정해야 합니다. 각 파일을 수정하여 적합한 파일을 찾아보세요. 

1. wp-config.php 수정

• FTP 클라이언트나 cPanel을 통해 사이트에 접속하세요.
• 파일 관리자를 열고 루트 디렉토리에서 wp-config.php 찾으세요

• 다음 줄을 찾으세요: define('WP_MEMORY_LIMIT', '32M') ;
• 필요에 따라 값을 수정하세요. 예: define('WP_MEMORY_LIMIT', '256M') ;

2. .htaccess 파일에 코드 추가

• 루트 디렉토리에서 .htaccess 찾습니다
• 이 코드를 맨 아래에 추가하세요: php_value memory_limit 256M .
• 변경 사항을 저장합니다.

b. 파일 권한 확인

잘못된 파일 권한은 이미지 업로드 시 HTTP 오류를 유발할 수 있습니다. WordPress 권한은 다음과 같아야 합니다.

• 파일 : 644로 설정
• 폴더 : 755로 설정

두 파일과 폴더 모두 권한이 올바르지 않은 경우 다음 간단한 수정 방법을 따라 수동으로 수정할 수 있습니다.

• 파일 관리자를 엽니다 .
• wp-content/uploads 마우스 오른쪽 버튼으로 클릭합니다 .
• 파일 권한을 선택 하거나 권한을 변경합니다 .
• 폴더 권한을 755 . 변경 사항을 저장합니다.
• 또한 파일 권한을 설정하여 업데이트하세요. 644.
• 변경 사항을 저장한 후 종료하세요.

6. 화면 옵션에서 추천 이미지 메타 상자가 활성화되어 있는지 확인하세요.

WordPress의 화면 옵션을 통해 추천 이미지 옵션이 표시되지 않는 경우 설정을 수동으로 활성화해야 할 수 있습니다. 다음 단계에 따라 누락된 메타 상자를 복원하세요.

• WordPress 대시보드에서 게시물을 엽니다.
• 오른쪽 상단 모서리에서 화면 옵션을 선택하세요

• 추천 이미지 상자를 체크하세요 .
• 편집기 패널을 아래로 스크롤하여 추천 이미지 섹션을 .

• 미디어 라이브러리 에서 이미지를 업로드하세요 .
• 그런 다음 변경 사항을 적용하세요 . 이제 이미지가 제대로 표시될 것입니다.

결론

WordPress 추천 이미지가 표시되지 않는 문제는 비교적 쉽게 해결할 수 있습니다. 플러그인을 정기적으로 업데이트하고 적절한 테마를 사용하면 호환성 충돌로 인한 문제를 예방할 수 있습니다.

미디어 정리 문제로 이미지가 누락된 경우 WP Media Folder 미디어 라이브러리를 무제한 폴더로 정리할 수 있어 필요한 이미지를 쉽게 찾고 중복 이미지를 업로드하지 않아도 됩니다.

데이터를 안전하게 보호하려면 위의 단계를 수행하기 전에 항상 백업을 만드는 것을 잊지 마세요.