makeBCT

#AI #OpenAI #Chatbot #Cloud #WordPress

워드프레스 글 본문 이미지가 사용자 화면에서 출력되지 않는 경우가 있습니다

한 클라이언트로부터 다음과 같은 요청이 왔습니다.

 

워드프레스에서 새 글을 작성하고, 이미지를 추가 하였습니다. 글 작성 완료 후 공개하기를 했는데, 관리자 화면에서는 이미지가 잘 보이는데 사용자 화면에서는 이미지가 보이지 않습니다. 도대체 무슨 문제인가요?

 

그래서 먼저 다음과 같이 글 작성 완료된 화면을 살펴 보았습니다.

 

jetpack-photon-error

 

 

 

다른 글과 차이점을 찾지 못해 이 글을 다음과 같이 사용자 화면에서 보았습니다.

 

jetpack-photon-error1

 

 

위 그림처럼 정말 이미지가 보이지 않더군요. 처음에는 단순히 이미지 경로가 잘못 되었나보다 생각하고 워드프레스 관리자 화면에서 이미지 경로를 확인해 보았는데, 이 문제는 아니었습니다. 혹시 파일명이나 파일 용량 문제인가 확인해 보았지만, 역시 이 문제도 아니었습니다. 그래서 실제 사용자 화면에서 이미지 경로가 어떻게 표시되는지 확인해 보았습니다.

 

 

jetpack-photon-error2

 

 

 

그랬더니 위 그림의 이미지 src처럼 도메인 앞(hif.co.kr)에 i2.wp.com 이라는 정체를 알 수 없는 URL이 추가된 것을 확인할 수 있었습니다. 도대체 이 코드가 어떻게 들어간 것인지 도무지 알 수가 없었습니다. 혹시 해킹된 것인가? 하는 생각이 들어 플러그인 및 테마를 점검했지만, 다행히 해킹은 아니었습니다.

 

그래서 이번에는 워드프레스 내에서 i2.wp.com 패턴이 들어간 파일을 찾아 보았더니, 다음과 같이 무엇인가 걸리는 것이 있었습니다.

 

 

jetpack-photon-error3

 

 

 

위 그림처럼 jetpack과 photon 키워드를 얻은 다음, 실제 Jetpack 모듈이 설치된 곳을 확인해 보았더니 다음과 같이 Phonton 모듈이 활성화 되어 있었습니다.

 

 

jetpack-photon-error4

 

 

 

그래서 위 그림의 Photon 모듈을 비활성화한 다음, 앞서 설명한 이미지가 포함된 글을 사용자 화면에서 확인 했더니, 다음과 같이 정상 출력되는 것을 확인할 수 있었습니다.

 

 

jetpack-photon-error5

 

 

 

2 Responses

  1. 감사합니다.
    오늘 아침 갑자기 홈페이지 내의 모든 이미지라 로드가 안되는 증상이 발생했고, 편집할 때는 이미지가 뜨는 현상이 발생했습니다.

    편집에서는 이미지가 연결되기에 링크가 깨진것은 아니기에 플러그인 (특히 SEO관련) 이 문제일 것이라고 예상은 했었는데 이렇게 답을 주시니 감사합니다. 문제는 젯펙이었습니다.

    2019년 지금은 저 포톤 메뉴가 아니라 “사이트 가속기” 중 “이미지 로드 시간이 빨라짐” 을 비활성화 하니 문제가 해결되었습니다.

    감사합니다.

  2. 워드 프레스 관리자 페이지에 로그인하고 다시 웹 사이트에 접속을 해보니 적용시켰던 CSS와 이미지가 제대로 적용되지 않고 있습니다…

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함1. Start with the system updatesudo apt update...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다.그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...
WSL2/Ubuntu 22.04 LTS에 Anaconda 설치 
WSL2/Ubuntu 환경에서 Python 버전별로 가상환경을 만드는 방법 중 그나마 Anaconda 방법이 좋은 것 같네요. 설치 방법은 간단합니다.1. apt update사용자...
Permission denied (publickey) 해결 방법
Plesk에서 생성된 system user로 ftp 접속 시 다음과 같은 에러 메시지가 발생하면서 접속이 되지 않습니다.상태: 152.67.193.32:49152에 연결... 응답: fzSftp...
사용자 작성 모듈 import 시 에러)(ModuleNotFoundError: No module named
파이썬 모듈을 만들고 테스트 할 때 ModuleNotFoundError: No module named 에러가 발생한 경우원인파이썬은 모듈을 불러올 때 모듈 설치 경로와 자신의...

BCT Ai Chatbot

답변을 준비중입니다 . . .