엘리멘터 페이지 빌더: '미리보기를 표시할 수 없습니다' (Preview Could Not Be Loaded) 오류 문제 해결 방법

워드프레스 페이지 빌더 플러그인 중 하나인 Elementor를 사용할 때 '미리보기를 표시할 수 없습니다' (Preview Could Not Be Loaded) 오류가 발생하는 경우가 있습니다. 이 오류는 엘리멘터 페이지 빌더에서 매우 흔한 오류 중 하나이고 보통 쉽게 해결이 가능합니다.

워드프레스 엘리멘터 플러그인 - 미리보기를 표시할 수 없습니다 오류

먼저 주지해야 할 사항은 우커머스 템플릿이나 Blog(블로그) 페이지 같은 아카이브(Archive) 페이지를 Elementor로 편집하려고 시도하면 이와 같은 오류가 발생하며, 이는 정상적인 현상입니다. 우커머스 템플릿이나 아카이브 페이지는 WooCommerce Builder나 Theme Builder를 사용해야 하며, 유료 버전에서 제공됩니다. 그러므로 PRO 버전을 구입해야 우커머스 템플릿이나 블로그 페이지를 편집할 수 있습니다.

워드프레스 엘리멘터 페이지 빌더에서 '미리보기를 표시할 수 없습니다' (Preview Could Not Be Loaded) 오류 문제 해결 방법

브라우저의 시크릿 창(사생활 모드)에서 워드프레스 관리자 페이지에 접속하기

일반적인 페이지나 글을 Elementor로 편집하려고 시도할 때에도 'Preview Could Not Be Loaded'(미리보기를 사용할 수 없습니다) 에러가 발생할 수 있습니다. 이 경우 먼저 브라우저의 시크릿 창이나 InPrivate 모드에서 사이트에 접속하여 문제가 해결되는지 체크해보도록 합니다.

구글 크롬에서는 브라우저의 오른쪽 상단에 있는 설정 아이콘(3개 점으로 된 아이콘)을 클릭하고 '새 시크릿 창'을 클릭합니다.

구글 크롬 새 시크릿 창

시크릿 창에서 사이트를 열면 애드온이나 브라우저 캐시 문제가 발생하지 않기 때문에 Elementor에서 페이지를 열 때 오류가 사라질 수 있습니다.

구글 크롬에서 테스트해보고 문제가 해결되지 않으면 파이어폭스 같은 다른 브라우저에서도 동일한 방법으로 테스트해보시기 바랍니다. Firefox에서는 "New Private Window"를 선택하여 새 창을 열어서 워드프레스 관리자 페이지에 로그인한 후에 문제가 해결되는지 체크할 수 있습니다.

파이어폭스 - New Private Window

Safe Mode 활성화

문제가 해결되지 않는 경우 최근 설치했거나 업데이트한 플러그인이 있다면 문제를 일으키는 것으로 의심해볼 수 있습니다. 플러그인이나 테마가 문제를 일으키는지 체크하려면 Elementor > Tools > Safe ModeEnable로 선택하여 테스트해보도록 합니다.

워드프레스 Elementor 안전 모드 Safe Mode

Safe Mode에서는 Elementor 및 워드프레스를 문제를 일으킬 수 있는 테마 및 플러그인으로부터 분리시키는 안전한 환경을 제공합니다.

Safe Mode에서 문제가 발생하지 않는다면 서드파티 플러그인이나 테마가 문제를 일으키는 것으로 의심해볼 수 있습니다.

기타 확인 사항

  1. 테마의 일부 파일이 누락되지 않았는지 체크합니다. - 테마를 다시 설치합니다.
  2. .htaccess 파일 손상: .htaccess 파일이 손상되었거나 없을 수 있습니다. FTP에 접속하여 .htaccess 파일이 손상되지 않았는지 체크하도록 합니다.
  3. 일반적인 오류: '죄송하지만 뭔가 잘못되었습니다. '자세히 알아보기'를 클릭하고 각 단계를 따라 빨리 해결하십시오. 미리보기 디버그를 보려면 여기를 클릭하십시오.' (We’re sorry, but something went wrong. Click on ‘Learn more’ and follow each of the steps to quickly solve it. Learn more)를 클릭하여 제시하는 단계를 따르도록 합니다.
  4. HTTP 오류: < error code > < error message> - 내용은 오류 코드에 따라 다름. 오류 메시지에 따라 대처합니다.
  5. 설정 > 고유주소에서 저장 버튼을 여러 번 눌러 문제가 해결되는지 체크해보도록 합니다. 또한, 고유주소 구조를 '기본'으로도 설정하여 문제가 해결되는지 살펴봅니다. 일부 서버에서는 .htaccess에 쓰기 권한이 없을 수 있습니다. 그런 경우 문제가 발생할 수 있습니다.

이외에도 엘리멘터 > 시스템 정보 (Elementor > System Info)에서 메모리 제한(Memory limit) 등의 크기가 적절한지 체크하여 너무 낮은 값이 있으면 높이도록 합니다.

워드프레스 Elementor - 시스템 정보

임시 해결 방법

위의 방법으로 문제 해결이 안 되는 경우 "Elementor "미리보기를 표시할 수 없습니다" 간단 해결 방법(+임시 해결법)" 글을 참고하여 편집 화면에 들어갈 수 있을 것입니다.

마치며

이상으로 워드프레스 엘리멘터 페이지 빌더에서 '미리보기를 표시할 수 없습니다' (Preview Could Not Be Loaded) 오류가 발생하는 경우에 대처할 수 있는 방법에 대해 살펴보았습니다.

여러 가지 조치에도 문제가 해결되지 않으면 Elementor 개발자에게 지원을 요청해보시기 바랍니다. 또는, 여기에서 서비스(유료)를 요청할 수 있습니다.

참고:


댓글 남기기

* 이메일 주소는 공개되지 않습니다.