모바일에서 WordPress 이미지가 표시되지 않습니까? 원인, 수정 사항, FAQ.

WordPress 이미지가 모바일에 표시되지 않거나 왜곡되는 몇 가지 일반적인 이유.

이 게시물에서는 WordPress 이미지가 모바일에 표시되지 않거나 왜곡되는 가장 일반적인 이유에 대해 알아보겠습니다.

이것은 완전한 목록이 아니며 현재 테마 또는 변경 사항과 같이 확인해야 하는 다른 요소뿐만 아니라 현재 웹 호스팅 공급자와 관련된 가능한 웹 호스팅 문제가 있을 수 있습니다.

그러나 WordPress 웹 사이트 이미지가 모바일 장치에 표시되지 않거나 표시되는 경우 왜곡될 수 있는 가장 일반적인 이유는 다음과 같습니다.

• 플러그인 또는 테마 충돌.
• 페이지 빌더 문제.
• 테마 업데이트가 부족합니다.
• 이미지 최적화 플러그인 사용.
• 모바일에서 이미지가 데스크탑과 다르게 보입니다.
• WP 로켓 관련 문제.

모바일에서 WordPress 이미지가 표시되지 않습니다. 원인 및 수정 사항.

플러그인 또는 테마 충돌.

대부분의 경우 WordPress와 관련된 대부분의 문제와 마찬가지로 플러그인 충돌일 수 있습니다.

다른 플러그인 충돌을 확인하려면 먼저 사이트에서 실행 중인 모든 플러그인을 비활성화합니다. 그런 다음 기본 "20" 테마로 전환합니다.

문제가 해결되면 플러그인을 하나씩 활성화하여 문제의 원인을 식별하십시오. 그런 다음 테마를 활성화합니다.

진단을 더 쉽게 하려면 플러그인 상태 확인 을 설치하세요 .

"문제 해결" 탭에서 버튼을 클릭하여 모든 플러그인을 비활성화하고 테마를 변경할 수도 있습니다. 정상적인 트래픽이나 사이트 방문자에게 영향을 주지 않고 여전히 로그인되어 있는 동안.

페이지 빌더 문제.

편집 페이지에서 Elementor와 같은 페이지 빌더를 사용하는 경우 모바일 반응형 이미지를 업로드했는지 확인하세요.

설정 >> 반응 모드의 Elementor 하단에서 찾을 수 있습니다. 모바일 보기를 선택합니다. 그런 다음 표시하려는 이미지를 드래그하십시오.

일부 CSS를 사용하여 이를 표시할 수도 있지만 이것이 반드시 최선의 선택은 아닙니다. 그러나 다음과 같이 시도해 볼 수 있습니다.

현재 활성 하위 테마의 style.css 파일에 아래 CSS 코드를 추가하거나 테마의 사용자 정의 도구에서 추가 CSS 옵션을 추가할 수 있습니다.

@미디어(최대 너비: 767px){

.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {

디스플레이: 블록;

}

}

모바일 문제를 수정한 후 특정 크기 이상으로 브라우저 크기를 최소화할 때 데스크탑 브라우저에서도 이미지가 사라지는 현상을 발견한 경우.

그런 다음 다음을 시도하십시오.

"Elementor로 페이지 편집"으로 이동하여 섹션>>고급>>반응형을 클릭하고 모바일에서 숨김 옵션을 끕니다. 또는 사용자 정의 >> 사용자 정의 CSS 섹션에 아래 코드를 추가하여 수정할 수 있습니다.

@media (최대 너비: 767px)

.elementor:not(.elementor-edit-area-active) .elementor-hidden-phone {

표시: 차단 !중요;

}

테마 업데이트가 부족합니다.

우연히 오래된 테마 또는 업데이트가 포함되지 않은 무료 테마를 사용하는 경우 모바일에 표시되지 않는 이미지는 정기적인 WordPress 핵심 업데이트와 함께 무료 테마에 대한 업데이트 부족 또는 부족과 관련이 있을 수 있습니다. 일반적으로 정기적인 테마 업데이트를 제공합니다.

따라서 정기적으로 업데이트되는 기본 테마인 WordPress "Twenty"로 테마를 전환하면 문제가 테마와 관련된 것인지 여부를 결정해야 합니다.

이미지 최적화 플러그인 사용.

이미지 최적화 플러그인을 사용하는 경우 이미지를 테마에서 인식할 수 없는 형식으로 변환하거나 테마와 호환되지 않을 수 있습니다.

예를 들어, 빠른 로드 및 기타 기능을 위해 이미지를 .webp 형식으로 변환하는 자동 최적화 플러그인으로 인해 문제가 발생했습니다 .

.webp format 참고 사항: .webp 형식 "Lazy Loading" 플러그인에도 문제가 있을 수 있습니다.

이러한 또는 다른 이미지 최적화 플러그인이 해당되는 경우 더 빠른 로드 시간을 위해 더 호환되는 몇 가지 다른 이미지 최적화 플러그인을 시도해 볼 수 있습니다.

모바일에서 이미지가 데스크탑과 다르게 보입니다.

추천 이미지는 데스크톱에서는 괜찮아 보이지만 모바일에서는 이미지가 너무 커서 결국 게시물의 미리보기 테두리를 벗어납니다. 이 경우 페이지에 맞도록 응답성이 향상되기를 원할 것입니다.

이를 위해 이 플러그인을 시도하고 도움이 되는지 확인해야 합니다.

ShortPixel 적응 이미지 .

WP 로켓 관련 문제.

최근에 WP Rocket을 구입하여 사이트 속도가 빨라지길 바라지만 모바일에서 이미지가 사라지는 것을 발견했다면 WP Rocket에서 이 문제 해결 문서를 검토하여 몇 가지 잠재적인 빠른 수정을 확인하고 싶을 것입니다. " 내 사이트가 손상되었습니다 . ".

모바일 결론에 WordPress 이미지가 표시되지 않습니다.

대부분의 경우 WordPress의 많은 문제와 마찬가지로 플러그인 및/또는 테마 충돌로 귀결될 수 있습니다.

오픈 소스는 사용자를 위해 WordPress를 지속적으로 개선하려는 창의적이고 진지한 개발자의 다양한 기여를 허용하기 때문에 훌륭합니다.

그러나 코딩과 함께 방대한 양의 테마와 플러그인으로 인해 충돌이 발생할 수 있습니다.

그러나 플러그인 및 테마 충돌이 무엇인지 알면 일반적으로 가장 쉽게 해결할 수 있습니다. 위의 플러그인인 Health Check 를 사용 하면 충돌을 매우 빠르게 찾을 수 있습니다.

그래도 문제의 원인을 찾지 못하면 WordPress 이미지가 모바일에 표시되지 않거나 왜곡되는 이유에 대해 나열된 다른 일반적인 이유가 원인일 수 있습니다.

다른 모든 방법이 실패하면 WordPress 테마 개발자 또는 지원팀에 문의하여 문제 범위를 좁혀야 합니다.