워드프레스 블록 에디터에서 이미지가 작게 표시되는 문제

워드프레스 블록 에디터에서 이미지를 삽입하면 이미지가 작게 표시되는 문제가 드물지가 나타날 수 있습니다. 블록 에디터에 이미지를 추가할 때 이미지 해상도를 설정할 수 있습니다. 이미지 해상도를 '최대 크기'로 설정해도 문제가 해결되지 않는다면 코드를 사용하여 강제로 이미지가 최대 크기로 설정되도록 설정해 볼 수 있습니다.

워드프레스 블록 에디터에서 이미지가 작게 표시되는 문제

워드프레스 관련 네이버 카페에 GeneratePress 유료 버전이 설치된 워드프레스에서 이미지를 삽입하면 편집 화면에서는 정상이지만 발행된 게시글에서는 이미지가 작게 표시되는 문제가 나타나는 문제에 대해 한 사용자가 질문을 올렸습니다.

가령 위와 같이 포스팅 후에 이미지가 너무 작게 표시되는 문제인데요.

블록 편집기에서 이미지를 삽입하고 이미지 설정에서 이미지 해상도를 '최대 크기'로 설정하면 이미지가 최대 크기로 표시되어야 합니다.

참고로 해상도 옵션으로 '썸네일', '보통', '최대 크기', '최대 크기'와 같이 '최대 크기'가 두 개가 나오는데요. 이는 번역이 잘못되었기 때문입니다. '썸네일', '보통', '큰 크기', '최대 크기'... 이 정도로 이해하시면 되겠습니다.

위와 같이 설정하면 블록 에디터 화면에서는 이미지가 제대로 표시되지만, 포스팅 후에 실제로 글을 확인하면 이미지 크기가 작게 추가되는 문제인 것 같습니다.

이런 문제는 사실 거의 나타나지 않습니다. 저는 10년 이상 여러 개의 워드프레스 블로그를 운영하면서 이 문제를 접한 적은 한 번도 없습니다.

혹시 이 문제에 대하여 AI에 물어보니 제대로 된 답변을 하지 않네요. 이와 같은 문제가 거의 없기 때문에 AI도 엉뚱한 답변을 하는 것 같네요.😥

이 문제가 발생하는 경우 이미지 삽입 시 항상 '최대 크기'로 설정되도록 설정해보시기 바랍니다. 실제로 이 조치로 문제가 해결되었다고 하네요. 이미지 크기를 최대 크기로 자동 설정되도록 하고 싶은 경우 FTP/SFTP에 접속하여 차일드 테마의 함수 파일에 다음 코드를 추가할 수 있습니다.

add_filter('pre_option_image_default_size', function($param) { return 'full'; });

이와 같은 문제가 나타나지 않더라도 이미지 삽입 후에 해상도를 설정하는 것이 번거로운 경우 이 방법을 이용하면 편리할 수 있습니다. 저는 최근에 위의 코드를 삽입하여 이미지가 강제로 최대 크기로 설정되도록 했습니다.😄

상기 조치로도 해결이 안 된다면 에러 로그를 체크하여 사이트에 어떤 에러가 있는지 확인해보면 좋을 것 같습니다.

클라우드웨이즈나 케미클라우드, 패스트코멧 등을 이용하는 경우 쉽게 오류 로그를 확인할 수 있습니다.

클라우드웨이즈(Cloudways) 워드프레스 오류 로그 확인 방법 - 워드프레스 정보꾸러미

카페24 등 일반적인 웹호스팅의 경우 디버그 모드를 활성화하여 오류를 확인할 수 있습니다.

https://avada.tistory.com/2813

워드프레스 디버그 모드 활성화/비활성화

👉 워드프레스나 웹호스팅 관련 문제로 해결에 어려움을 겪는 경우 여기에서 서비스(유료)를 의뢰하실 수 있습니다.

마치며

이상으로 워드프레스에서 포스팅 후에 이미지가 너무 작게 표시되는 문제에 대하여 살펴보았습니다. 이런 문제는 매우 드물지만 만약 이 문제가 나타나는 경우 본문의 조치를 취하여 에러가 해결되는지 체크해 보시기 바랍니다.

참고

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)

https://avada.tistory.com/2897

엘리멘터 무료 버전 vs. 프로 버전 비교