Elementor 문제: 로드되지 않거나 작동하지 않나요? 해결 방법은 다음과 같습니다.

Elementor에서 로딩 표시기가 계속 나타나 거나, 빈 화이트보드가 표시되거나, 위젯 패널이 회색으로 변하는 경우에도 게시된 페이지를 사용할 수 있을 수 있습니다.

화면에 표시되는 오류는 에디터 초기화 실패일 뿐, 페이지 자체가 손상되었다는 증거는 아닙니다. 공개 페이지에는 이미 저장된 콘텐츠가 표시되지만, 에디터는 스크립트, 워드프레스 데이터, 미리보기 프레임, 그리고 서버에서 받은 새로운 응답을 로드해야 합니다.

따라서 일반 페이지를 새로고침하는 것만으로는 동일한 기능을 테스트할 수 없습니다. 브라우저 확장 프로그램은 편집 화면만 차단할 수 있고, 손상된 위젯은 특정 페이지에만 영향을 미칠 수 있으며, 서버는 캐시된 페이지를 계속 제공하면서 WordPress의 Elementor에서 요구하는 대규모 요청은 거부할 수도 있습니다.

실제 운영 중인 사이트를 변경하기 전에 아래 표와 결과를 비교해 보세요. 이 간단한 비교를 통해 플러그인, 테마 및 서버에 대한 불필요한 변경 사항을 대부분 방지할 수 있습니다.

여전히 효과적인 것	무엇을 먼저 확인해야 할까요?
페이지가 다른 브라우저나 별도의 창에서 열립니다.	브라우저 추가캐시된 편집기 파일 또는 차단된 사이트 데이터.
Elementor의 다른 페이지와 새 빈 페이지를 엽니다.	해당 페이지의 가장 최근 사용자 인터페이스 요소(위젯), 사용자 정의 코드, 템플릿 또는 저장된 데이터입니다.
편집기가 열립니다 안전 모드	플러그인, 테마 스크립트, 테마 프리로더 또는 사용자 정의 코드를 추가할 때 충돌이 발생합니다.
안전 모드를 포함한 모든 페이지에서 오류가 발생합니다.	Elementor/Pro 호환성, WordPress 메모리 문제, PHP 오류 또는 서버 응답 차단 문제일 수 있습니다.
도메인, 스테이징 환경 또는 HTTPS를 변경한 후 문제가 발생했습니다.	워드프레스 URL, Elementor에 저장된 URL, 혼합 콘텐츠 및 퍼머링크.
콘솔에 오류가 표시됩니다. 403، 500프레임 오류 또는 교차 출처 오류	페이지 디자인이 아니라 호스트, 방화벽, 클라우드플레어 또는 응답 헤더를 살펴보세요.

Elementor를 업데이트 또는 다운그레이드하거나, URL을 변경하거나, 테마를 바꾸거나, 플러그인을 비활성화하기 전에 최신 백업을 생성하십시오. 사이트에서 요청, 구독, 양식 또는 기타 실제 트래픽을 처리할 때는 스테이징 복사본에서 충돌 테스트를 수행하십시오.

1. 문제가 브라우저 문제인지, 특정 페이지 문제인지, 아니면 모든 페이지 문제인지 파악하십시오.

가장 빠르고 유용한 테스트 방법은 업데이트나 재설치가 아니라, 깨끗한 브라우저 환경에서 Elementor 에디터를 실행한 다음 다른 Elementor 페이지를 여는 것입니다. 이 결과를 통해 사이트에 실제로 얼마나 영향을 미치는지 확인할 수 있습니다.

1. 해당 페이지를 최신 데스크톱 브라우저를 사용하여 개인 정보 보호 모드 또는 시크릿 모드에서 여세요. Elementor는 모바일 또는 태블릿 환경에서의 편집을 지원하지 않습니다.
2. 해당 페이지가 열리면 일반 브라우저로 돌아가서 해당 사이트에 대한 광고 차단기, 스크립트 차단기, 개인 정보 보호 확장 프로그램 또는 바이러스 백신 브라우저 추가 기능을 모두 비활성화하세요. 편집기가 정상적으로 작동하면 하나씩 다시 활성화하십시오.
3. Elementor 페이지를 다시 엽니다. 그런 다음 게시되지 않은 빈 초안을 만들고 선택합니다. Elementor로 편집.
4. WordPress에서 열기 Elementor > 편집기 > 시스템Elementor의 일부 이전 버전에서는 이 옵션이 다음과 같이 표시됩니다... Elementor > 시스템 정보.
5. 설치된 WordPress, PHP, Elementor 및 Elementor Pro 버전을 확인하고 비교하십시오. 현재 시스템 요구 사항 Elementor용입니다. 무료 플러그인과 프로 플러그인 간의 호환성을 유지합니다.
   

일반 브라우저에서만 오류가 발생하는 경우 WordPress는 그대로 두고 브라우저 플러그인이나 사이트 데이터 문제를 해결하세요. 특정 페이지에서만 오류가 발생하는 경우 3번 방법을 사용하세요. 두 개 이상의 브라우저에서 모든 페이지에서 오류가 발생하는 경우 안전 모드에서 다음으로 정상적인 비교를 수행하세요.

업데이트가 필요한 경우, 사이트를 백업하고 베타 환경에서 먼저 테스트하세요. 버전 호환성 문제를 방지하기 위해 Elementor Pro 플러그인보다 무료 Elementor 플러그인을 먼저 업데이트하십시오.

2. 안전 모드를 사용하여 플러그인 또는 템플릿 충돌을 식별하십시오.

Elementor의 보안 모드를 사용하면 로그인한 관리자만 활성화할 수 있으며, 활성화된 테마나 표준 외부 플러그인 코드는 포함되지 않습니다. 이 모드는 방문자가 보는 버전을 변경하지 않으므로, 실제 사이트의 플러그인을 비활성화하는 것보다 안전 합니다.

편집기가 이미 열려 있고 게시된 페이지에만 오류가 있는 경우에는 이 테스트가 불필요합니다. 또한 보안 모드는 자체 외부 스크립트를 로드하는 위젯 패널을 진단할 수 없습니다.

1. 열다 Elementor > 도구그런 다음 옵션을 조정하세요. 안전 모드 على 사용변경 사항을 저장하세요. 청구를 승인할 수도 있습니다. 안전 모드 Elementor 기능은 편집기에 표시될 때는 나타나지만 작동하지 않습니다.
   

2. 같은 페이지를 새로고침하세요. 위젯 패널만 멈춰있는 경우, Elementor에서 다음과 같은 결과가 표시됩니다. 안전 모드 이 기능은 해당 패널 내에 로드된 외부 스크립트를 제거하지 않으므로 패널 오류만으로는 최종적인 테스트가 될 수 없습니다. 안전 모드.
3. 에디터가 완전히 열려 있는 경우, 스테이징 사이트 또는 유지보수 기간을 활용하여 모든 플러그인을 비활성화하고 다음 플러그인만 남겨두세요. Elementor 그리고 Elementor 프로.
   

4. 먼저 에디터를 테스트한 다음, 다른 플러그인을 하나씩 다시 활성화하세요. 특히 Elementor 추가 기능, 캐싱/압축 도구, 보안 플러그인, 그리고 문제가 발생하기 직전에 업데이트된 모든 플러그인에 주의를 기울이세요.
5. 추가적인 조치를 취해도 오류가 재발하지 않으면 다음을 시도해 보세요. 안녕 엘리 멘터템플릿을 영구적으로 교체하기 전에 표준 템플릿에서 제공하는 페이지 프리로더 또는 사용자 지정 스크립트를 모두 비활성화하십시오.

Elementor의 안전 모드 관련 문서에 따르면 , 이 테스트 중에도 방문자는 일반 테마와 플러그인을 계속 볼 수 있습니다.

플러그인이나 일반 템플릿을 다시 활성화한 후에도 편집기가 반복적으로 오류를 일으키는 경우, 해당 요소를 업데이트하거나 설정을 수정 하거나 개발자에게 호환성 해결책을 요청할 수 있을 만큼만 잠시 비활성화하십시오 . 필수적인 플러그인을 비활성화하기 전에 사이트에서 어떤 손실이 발생할지 반드시 고려하십시오.

새로운 Elementor 릴리스 직후 발생하는 오류는 알려진 정상 백업을 복원하거나 Elementor의 버전 관리 롤백 기능을 사용해야 할 수 있습니다 . 먼저 백업을 생성하고 Elementor와 Elementor Pro가 호환되는 버전을 실행 중인지 확인하십시오.

3. 모든 페이지 오류 발생 시 메모리 및 서버 응답 확인

Elementor가 모든 페이지와 브라우저에서 제대로 작동하지 않는 경우, 에디터가 WordPress 메모리를 과도하게 사용하거나 PHP 응답이 불완전하게 수신되고 있을 수 있습니다. 캐시된 프런트엔드 페이지가 에디터보다 적은 리소스를 사용하고 있기 때문에 게시된 사이트는 정상적으로 보일 수 있습니다.

Elementor는 현재 Elementor 및 Elementor Pro의 최소 WordPress 메모리 요구 사항을 256MB 로 명시하고 있으며, 512MB 를 권장합니다. WooCommerce 및 기타 대형 플러그인은 Plus 버전에 필요한 메모리 용량을 추가로 요구할 수 있습니다 .

한 페이지에서만 오류가 발생하거나 다른 브라우저에서는 편집기가 이미 정상적으로 작동하는 경우에는 이 서버 방식을 사용하지 마십시오. 이러한 결과는 다른 문제가 있음을 나타낼 수 있습니다.

1. 열다 Elementor > 편집기 > 시스템 그리고 메모해 두세요 워드프레스 메모리 제한PHP 버전, PHP 메모리 제한 및 경고 메시지가 표시됩니다.
2. 동일한 오류가 한 번 더 발생하도록 반복하고 시간을 기록하십시오. 호스트에게 PHP 오류 로그, 웹 서버 로그 및 방화벽 로그에서 해당 요청을 확인해 달라고 요청하십시오.
3. WordPress 메모리가 Elementor 요구 사항보다 적다면 호스팅 업체에 WordPress와 서버 측 PHP 제한을 늘려달라고 요청하세요. WP_MEMORY_LIMIT 호스트가 설정한 최대 제한을 초과할 수 없습니다.
4. 호스트에게 메모리 누수, 치명적인 PHP 오류, 실행 시간 초과, 쓰기 권한 실패, ModSecurity 차단 또는 잘못된 스퀴즈 응답과 같은 문제를 수정하도록 요청하십시오.
5. 서버를 변경한 후 동일한 에디터를 다시 업로드하세요.
   

500 내부 서버 오류가 발생하는 것은 서버 측 스캔에 문제가 있음을 나타냅니다. Elementor 500 오류 가이드에서는 이 오류 코드와 관련된 다른 저장 및 업데이트 실패 사례도 다룹니다.

PHP, 메모리 또는 방화벽 오류를 수정하여 편집기가 복원되면 서버에서 확인한 값을 유지하고 임시 오류 수정 사항을 모두 제거하십시오. 호스트에서 기록된 시간에 실패한 요청이 없으면 방법 5로 진행하여 대체 Elementor 로더를 테스트하십시오.

4. Elementor 로더를 변경하고 기존 편집기 데이터만 삭제합니다.

Elementor는 에디터의 긴 JSON 응답을 디코딩하거나 반환하는 동안 서버에 오류가 발생하는 경우를 대비하여 백업 로더를 제공합니다. 이는 브라우저 콘솔에 다음과 같은 메시지가 표시될 때 특히 중요합니다. ERR_CONTENT_DECODING_FAILED 또는 ERR_EMPTY_RESPONSE.

콘솔에 플러그인 충돌, URL 불일치 또는 프레임 차단 오류가 이미 보고된 경우에는 이 설정이 불필요합니다. 해당 오류를 직접 수정하십시오.

1. 열다 Elementor > 설정 > 고급.
2. 옵션 설정 스위치 에디터 로더 방식 على 사용그런 다음 설정을 저장하고 편집기를 테스트하십시오.
   

3. 열다 Elementor > 편집기 > 도구 > 일반 그리고 선택 파일 및 데이터 정리Elementor의 이전 버전에서는 동일한 유지 관리 절차를 다음과 같이 부릅니다. 파일 및 데이터 재생성.
   

4. WordPress 캐시, 호스트 캐시, CDN 캐시를 모두 지우세요. 그런 다음 전체 브라우징 세션을 삭제하는 대신 브라우저에서 해당 사이트의 저장된 데이터를 삭제하세요. 특정 사이트의 캐시를 지우는 방법에 대한 자세한 내용은 관련 가이드를 참조하세요.
5. 기존 편집기 탭을 닫고 새 탭을 여세요.

Elementor는 백업 로더를 활성화된 상태로 유지해도 안전하다고 안내합니다. 이 방법으로 에디터 문제가 해결되더라도 호스트는 응답 부하와 리소스 제약 조건을 확인하여 로더 오류의 근본 원인을 파악해야 합니다.

이를 되돌리려면 '편집기 로더 방식 전환' 옵션을 '사용 안 함' 으로 재설정하세요 . 이후에는 일반 캐싱은 계속 활성화하고, 오래된 데이터를 제공하던 WordPress 관리자/편집기 URL만 제외하세요.

생성된 파일을 삭제한 후에도 에디터가 로드된다면 캐시된 버전이 오래된 것입니다. 문제가 지속되면 HTTPS 프로토콜을 마이그레이션하거나 변경한 후에만 방법 6을 진행하고, 그렇지 않으면 콘솔을 확인하기 위해 방법 7을 진행하십시오.

5. 마이그레이션, 도메인 변경 또는 HTTPS 전환 후 저장된 URL 수정

Elementor는 프레임 내에서 미리보기를 로드합니다. 사이트 이전 후 WordPress 대시보드는 특정 도메인이나 프로토콜을 사용하는 반면, Elementor에 저장된 데이터는 다른 도메인이나 프로토콜을 필요로 할 수 있습니다. 이러한 충돌로 인해 편집기가 비어 있거나 콘솔에 혼합 콘텐츠 및 교차 출처 오류가 발생할 수 있습니다.

마이그레이션이 완료되지 않은 사이트에서는 검색 및 바꾸기 작업을 수행하지 마십시오. URL을 바꾸기 전에 반드시 데이터베이스를 백업해야 합니다.

1. 열다 설정> 일반두 필드가 제대로 되어 있는지 확인하세요 워드프레스 주소(URL) و사이트 주소 (URL) 그들은 의도한 도메인과 동일한 프로토콜을 사용합니다. https://.
   

2. 열다 Elementor > 편집기 > 도구 > URL 바꾸기기존 URL과 새 URL을 정확하게 입력하고 두 값을 모두 확인한 다음 교체 프로세스를 실행하세요.
3. 참조 도구 > 일반 그리고 선택 파일 및 데이터 정리.
4. 열다 설정 > 영구 링크 그리고 선택 저장 (Save Changes) 구조를 변경하지 않고.
   

5. 사이트 캐시와 CDN을 지운 다음 편집기를 다시 여세요. 도메인이 변경된 경우 Elementor 라이선스를 다시 연결하세요.

Elementor의 공식 URL 변경 지침에서는 파일을 교체하고 스캔하기 위해 다음 순서를 사용합니다 .

워드프레스 주소창이 잠겨 있는 경우 호스팅 업체 또는 사이트 관리자에게 문의하세요. WP_HOME وWP_SITEURL 수정하기 전에 다른 곳에서 먼저 정의해야 합니다.

6. 브라우저 콘솔을 사용하여 Cloudflare, Iframe 또는 방화벽을 차단할지 여부를 지정합니다.

Elementor가 제대로 작동하지 않을 때, 브라우저 콘솔에 회색 미리보기와 빨간색 오류 메시지가 표시되는 것이 재설치를 시도하는 것보다 훨씬 유용합니다. 콘솔이 중요한 이유는 Elementor의 스크립트와 미리보기 프레임이 기본적으로 브라우저의 요청이기 때문입니다. 요청 실패를 통해 브라우저, Cloudflare, 방화벽 또는 서버 중 어느 쪽에서 요청을 거부하는지 파악할 수 있습니다.

콘솔에 해당 오류가 표시되지 않는 경우 이 방법을 사용하여 프레임 헤더 또는 방화벽 규칙을 변경하지 마십시오. 이러한 설정은 보안 제어이며 일반적인 성능 설정이 아닙니다.

1. 빈 편집기를 마우스 오른쪽 버튼으로 클릭한 다음 선택하세요. 시찰하다탭을 여세요 콘솔에서그런 다음 페이지를 새로고침하세요.
2. 표시된 빨간색 오류와 아래에 설명된 수정 조치를 연결하십시오.

제어 장치 또는 네트워크 결과	시정 조치
금지 403	보안 플러그인 제공업체나 호스팅 업체에 Elementor 요청을 차단하는 방화벽 또는 ModSecurity 규칙이 무엇인지 문의하십시오. 사이트 전체 보호 기능을 비활성화하는 대신 해당 요청을 화이트리스트에 추가하십시오.
500 또는 503	호스트에게 요청이 발생한 시간을 알려주고 해당 PHP 로그와 서버 로그를 요청하십시오.
액자에 넣어 전시하는 것을 거부했습니다. 또는 X 프레임 옵션: 거부	호스팅 업체에 동일 출처 프레임을 허용하도록 요청하세요. Elementor 문서에는 다음과 같이 나와 있습니다. X-Frame-Options: SAMEORIGIN CSP 정책 frame-ancestors 'self' 이것들은 호환되는 설정입니다.
혼합 컨텐츠 또는 출처가 다른 URL	방법 6을 사용하여 저장된 HTTP/도메인 URL을 수정합니다.
스크립트 지연 사유: 클라우드플레어 로켓 로더	WordPress 대시보드 및 Elementor 편집기 URL에 대해 Rocket Loader를 비활성화한 다음 Cloudflare 캐시를 지우세요.
테마 또는 플러그인 스크립트의 이름을 나타내는 오류입니다.	스테이징 환경에서 해당 플러그인 모듈, 테마 프리로더 또는 사용자 지정 코드를 비활성화하고 다시 테스트하십시오.

단일 대상 규칙 또는 헤더를 수정한 후 편집기가 로드된 경우 가장 좁은 예외를 유지하고 테스트 목적으로 비활성화했던 보안 기능을 다시 활성화하십시오.

Elementor 시스템 정보를 다운로드 하고 콘솔 메시지를 저장하십시오. 호스트로부터 해당 PHP 및 방화벽 로그를 요청하십시오.

에디터가 계속 로드되지 않는 경우, Elementor와 통신할 때 시크릿 모드, 다른 페이지, 안전 모드 등 어떤 모드에서 실행 중인지 알려주세요. 이러한 정보는 단순한 업데이트 및 재설치 목록보다 실패 원인을 훨씬 더 명확하게 파악하는 데 도움이 됩니다.