Elementor Editor가 로드되지 않는 문제를 해결하는 방법(10가지 입증된 솔루션)

“Elementor 로 편집”을 클릭하고 편집기가 영원히 회전하는 것을 보는 것보다 더 실망스러운 일은 거의 없습니다. Elementor 편집기 로딩 문제가없는 문제는 WordPress 사용자가 직면하는 가장 일반적인 문제 중 하나이며,12 가지 다른 이유로 발생할 수 있습니다.

좋은 소식은? 대부분의 수정 작업은 5 분도 채 걸리지 않습니다. 이 가이드에서는 Elementor 로딩되지 않는 오류를 해결하기 위해 가장 빠른 수정부터 시작하여보다 고급 문제 해결로 이동하는 10 가지 입증 된 솔루션을 살펴 보겠습니다.

Elementor Editor가 로드되지 않는 문제는 무엇입니까?

Elementor 편집기 로딩 안 함 문제는 “Elementor 로 편집”을 클릭하면 끝없는 로딩 스피너,빈 흰색 페이지 또는 결코 나타나지 않는 위젯 패널을 응시하게됩니다. 서버와 브라우저 사이에서 편집기의 JavaScript 응용 프로그램이 중단되는 일이 발생합니다 — 대부분 PHP 메모리 부족,플러그인 또는 테마 충돌 또는 캐시 및 차단 된 스크립트를 수정하는 것은 실패하는 레이어를 찾는 것으로 귀결되며,이는 아래 10 솔루션이 정확히 우도 순으로 안내하는 것입니다.

이 가이드에서

1. 시스템 요구 사항을 확인하세요
2. PHP 메모리 제한을 늘립니다
3. PHP 버전을 업데이트하세요
4. 편집기 로더 방법 전환
5. Elementor 안전 모드 활성화
6. 플러그인 충돌을 확인하십시오
7. 테마를 확인하세요
8. 브라우저 캐시 및 확장 프로그램 지우기
9. 서버 및 플러그인 캐시 지우기
10. Cloudflare 로켓 로더를 비활성화합니다

Elementor Editor가 로드 중 정체되는 이유는 무엇입니까?

요컨대: 편집기는 스크립트가 실행을 완료 할 수 없을 때 로딩에 붙어 있습니다 — 일반적으로 낮은 PHP 메모리 (256MB 미만), 오래된 PHP 버전, 충돌하는 플러그인 또는 테마 또는 Cloudflare Rocket Loader 차단 Elementor의 JavaScript와 같은 캐싱 및 CDN 기능 때문에 편집기 만 편집기가 아닌 전체 사이트가 다운 된 경우 에 대한 가이드를 참조하십시오 502 Bad Gateway 오류 수정 대신.

수정으로 점프하기 전에 Elementor 편집기가 처음에 로딩을 중지하는 이유를 이해하는 데 도움이됩니다. 편집기는 브라우저 내부에서 JavaScript 응용 프로그램으로 실행됩니다. 브라우저,서버 및 Elementor 스크립트간에 문제가 발생하면 빈 페이지,회전 원 또는 Elementor 위젯 패널이 전혀 로딩되지 않습니다.

가장 일반적인 원인은 다음과 같습니다:

• PHP 메모리가 부족합니다 — Elementor 가 원활하게 실행되기 위해서는 최소 256MB 가 필요합니다
• 오래된 PHP 버전 — 7.4 미만 버전에서는 호환성 문제가 발생합니다
• 플러그인 충돌 — Elementor의 JavaScript를 방해하는 다른 플러그인
• 테마 충돌 — Elementor를 차단하는 내장 페이지 빌더 또는 프리로더가 포함된 테마입니다
• 브라우저 캐시 또는 확장 — 오래된 캐시 파일 또는 광고 차단기가 방해됩니다
• 서버측 캐싱 — 오래된 Elementor 파일을 제공하는 공격적인 캐싱
• CDN/클라우드플레어 설정 — Elementor 스크립트를 차단하는 로켓 로더 또는 보안 규칙
• 보안 헤더 — X-프레임 옵션은 SAMEORIGIN 대신 DENY로 설정됩니다

이제 각각을 고쳐보겠습니다.

1. 시스템 요구 사항을 확인하십시오

서버가 충족되는지 확인하는 것부터 시작하세요 Elementor 의 최소 요구 사항. PHP 버전,메모리 제한 및 기타 서버 설정을 확인해야합니다.

만약 당신이 Elementor용 마스터 애드온 설치, 당신은 한 곳에서이 모든 것을 확인할 수 있습니다. 이동 워드 프레스 대시 보드로 이동, 로 이동 마스터 애드온를 클릭하고 를 클릭합니다 시스템 정보 탭.

Elementor가 제대로 작동하기 위한 최소 요구 사항은 다음과 같습니다:

이 값 중 하나라도 최소값보다 낮으면 Elementor 가 로딩 화면 문제에 걸린 원인일 가능성이 높습니다. 다음 두 섹션을 따라 문제를 해결하세요.

2. PHP 메모리 제한 증가

메모리 부족은 Elementor 편집기가 로딩되지 않는 가장 큰 이유입니다. Elementor 의 메모리가 부족하면 자동으로 실패하고 빈 페이지 또는 끝없는 로딩 스피너가 표시됩니다.

WordPress 메모리 제한을 늘리려면 FTP 또는 호스팅 파일 관리자를 통해 사이트의 루트 디렉터리에 액세스하십시오. 찾기 wp-config.php 파일.

텍스트 편집기에서 파일을 열고 다음 줄을 해당 줄 위에 추가합니다 /* That's all, stop editing! */:

define( 'WP_MEMORY_LIMIT', '512M' );

파일을 저장한 다음 Elementor 편집기를 다시 로드해 보세요.

참고: 호스팅 제공 업체가 서버 수준에서 메모리 할당을 제한하는 경우 wp-config.php 만 변경해도 작동하지 않습니다. 호스트에게 연락하여 계정의 PHP 메모리 제한을 늘리도록 요청하십시오.

3. 당신의 PHP 버전을 새롭게 하십시오

오래된 PHP 버전을 실행하면 특히 업데이트 후에 Elementor 와 호환성 문제가 발생합니다. Elementor 는 공식적으로 PHP 7,4 이상을 지원하지만 최고의 성능과 보안을 위해 PHP 8,0+를 권장합니다.

PHP 를 업데이트하려면 호스팅 제어판 (cPanel,Plesk 또는 이와 유사한 제품) 에 로그인하십시오. 대부분의 호스팅 제공업체는 PHP 버전 선택기를 제공합니다.

cPanel에서 다음을 찾으세요 “PHP 버전 선택” 또는 “멀티PHP 관리자” 옵션:

그것을 클릭 한 다음 드롭 다운에서 PHP 8.0 또는 8.1 을 선택하고 저장하십시오:

중요한: PHP 를 업그레이드하기 전에 테마와 플러그인이 새 버전과 호환되는지 확인하십시오. 일부 이전 플러그인은 PHP 8.x 에서 중단 될 수 있습니다. 먼저 전체 사이트 백업을하십시오.

4. 편집기 로더 방법 전환

Elementor 에는 편집기를 로드하기 위한 폴백이 내장되어 있습니다. 로더 메서드를 전환하면 Elementor 가 다른 기술을 사용하여 스크립트를 초기화하게 되며,이는 기본 메서드를 차단하는 특정 서버 또는 캐싱 구성을 우회할 수 있습니다.

방법은 다음과 같습니다:

1. WordPress 대시보드로 이동하세요
2. 로 탐색합니다 엘리멘터 → 설정
3. 를 클릭합니다 고급 탭
4. 찾기 “편집기 로더 방법 전환”
5. 선택 활성화 드롭다운에서
6. 클릭 변경 사항 저장

이제 Elementor 로 페이지를 다시 편집해 보십시오. 이 수정으로 놀라운 수의 사용자에 대한 Elementor 로딩하지 않는 문제가 해결되었으며,시도하는 데 10 초 밖에 걸리지 않습니다.

5. Elementor 안전 모드 사용

안전 모드는 Elementor 에 내장된 진단 도구입니다. Elementor 를 활성 상태로 유지하면서 테마와 다른 모든 플러그인을 일시적으로 비활성화합니다. 이는 문제가 Elementor 자체에 있는지 또는 사이트의 다른 항목과의 충돌로 인해 발생했는지 즉시 알려줍니다.

안전 모드를 활성화하려면:

1. 로 이동 엘리멘터 → 도구
2. 를 클릭합니다 일반 탭
3. 찾기 “안전 모드” 그리고 로 설정합니다 활성화
4. 클릭 변경 사항 저장

이제 페이지를 편집해 보세요. Elementor 가 안전 모드로 로드되는 경우:

• 문제는 a 플러그인 또는 테마 충돌 (섹션 6 및 7 참조)

Elementor가 여전히 안전 모드에서 로드되지 않는 경우:

• 문제는 서버 측 (메모리, PHP 버전, 캐싱 또는 호스팅 구성)

문제 해결 후 안전 모드를 비활성화하는 것을 잊지 마십시오.

6. 플러그인 충돌을 확인하십시오

플러그인 충돌은 Elementor 위젯이 로드되지 않는 가장 큰 이유 중 하나입니다. 동일한 JavaScript 라이브러리를 로드하려는 두 개의 플러그인 또는 Elementor 의 인라인 스크립트를 차단하는 보안 플러그인이 편집기를 완전히 정지시킬 수 있습니다.

충돌하는 플러그인을 찾는 방법은 다음과 같습니다:

1. 로 이동 플러그인 → 설치된 플러그인
2. 비활성화 elementor를 제외한 모든 플러그인 (그리고 Elementor Pro가 있다면)
3. Elementor 편집기를 불러오기 해보세요
4. 작동하면 플러그인을 다시 활성화하십시오 하나씩, 각각 후에 Elementor를 테스트합니다
5. 편집기가 다시 중단되면 마지막으로 활성화한 플러그인이 범인입니다

일반적인 갈등 원인:

• 캐싱 플러그인(WP Rocket, W3 Total Cache, LiteSpeed Cache)
• 보안 플러그인(Wordfence, Sucuri, iThemes Security)
• 최적화 플러그인(자동 최적화, WP 최적화)
• 기타 페이지 빌더 또는 시각적 편집기
• 자바스크립트 축소 플러그인

충돌하는 플러그인을 찾으면 교체하거나 Elementor 페이지를 제외하도록 설정을 조정할 수 있습니다 플러그인 개발자에게 문의 수정을 위해.

7. 당신의 테마를 확인하십시오

일부 워드 프레스 테마는 Elementor 와 충돌하는 자체 페이지 빌더,예약 자 또는 사용자 정의 JavaScript 를 번들로 제공합니다. 무거운 내장 사용자 정의 기능이있는 테마는 특히이 경향이 있습니다.

테마가 Elementor가 작동하지 않는 문제를 일으키는지 테스트하려면:

1. 로 이동 외관 → 테마
2. 기본 WordPress 테마를 활성화합니다(Twenty Twenty-Four 또는 Hello Elementor)
3. Elementor 편집기를 불러오기 해보세요

Elementor 가 기본 테마로 작동하는 경우 테마가 문제입니다. 이 테마 설정 확인:

• 페이지 프리로더 — 테마의 사용자 지정자에서 비활성화 (일반적으로 모양 → 사용자 지정 → 고급 테마 옵션 아래)
• 내장 페이지 빌더 — 일부 테마에는 WPBakery 또는 Elementor와 충돌하는 다른 빌더가 포함됩니다
• 사용자 정의 자바스크립트 — 테마가 Elementor의 함수를 재정의하는 스크립트를 로드하는지 확인하세요

최고의 Elementor 호환성을 위해 가벼운 테마 사용을 고려하십시오. 의 목록을 확인하십시오 elementor를위한 최고의 경량 WordPress 테마.

8. 브라우저 캐시 지우기 및 확장 기능 사용 안 함

때때로 Elementor 편집기는 서버 측에서 잘로드되지만 브라우저는 캐시되고 깨진 버전을 표시합니다. 광고 차단기,개인 정보 보호 도구 또는 JavaScript 차단기와 같은 브라우저 확장 프로그램도 편집기가 렌더링하지 못하도록 할 수 있습니다.

1 단계: 브라우저 캐시 지우기

• 크롬: 프레스 Ctrl + Shift + Delete (또는 Cmd + Shift + Delete mac 에서), “캐시된 이미지 및 파일,”을 선택하고 지우기를 클릭합니다
• 파이어폭스: 프레스 Ctrl + Shift + Delete을 선택하고 “캐시,”지금 지우기를 클릭합니다
• 사파리: Safari → 설정 → 개인 정보 보호 → 웹 사이트 데이터 관리 → 모두 제거로 이동하십시오

2 단계: 시크릿/개인 모드에서 테스트

시크릿 창을 엽니다(Ctrl + Shift + N chrome 에서) Elementor 편집기를 불러오기 해보세요. 시크릿 모드는 모든 확장 프로그램을 비활성화하고 깨끗한 캐시로 시작합니다. Elementor 가 시크릿에서 미세하게 로드되면 브라우저 확장 프로그램 중 하나가 이를 차단합니다.

3 단계: 확장 기능을 하나씩 비활성화하십시오

시크릿 테스트에서 브라우저 확장 프로그램 충돌이 확인되면 브라우저의 확장 프로그램 설정으로 이동하여 범인을 찾을 때까지 한 번에 하나씩 비활성화합니다. 일반적인 범죄자는 다음과 같습니다:

• uBlock Origin / AdBlock Plus (Elementor 의 인라인 스크립트를 차단할 수 있음)
• 프라이버시 오소리
• Grammarly (편집기에서 JavaScript 충돌을 일으키는 것으로 알려져 있음)
• Dark Reader 또는 유사한 페이지 수정 확장

9. 서버 및 플러그인 캐시 지우기

호스팅 제공 업체가 서버 측 캐싱을 실행하는 경우 (대부분의 관리되는 WordPress 호스트가 수행) 오래된 캐시 파일은로드에 실패한 오래된 버전의 Elementor 를 제공 할 수 있습니다. 이는 Elementor 또는 해당 애드온을 업데이트 한 후에 특히 일반적입니다.

모든 레벨에서 캐시 지우기:

1. 워드 프레스 캐싱 플러그인 — WP Rocket, LiteSpeed 캐시, W3 Total 캐시 등을 사용하는 경우 해당 설정으로 이동하여 “모든 캐시 삭제” 또는 “캐시 지우기”를 클릭하세요
2. 호스팅 수준 캐시 — 대부분의 관리 호스트(SiteGround, Kinsta, Cloudways, WP 엔진)에는 WordPress 관리 도구 모음이나 호스팅 대시보드에 “퍼지 캐시” 버튼이 있습니다
3. 객체 캐시 — Redis 또는 Memcached를 사용하는 경우 호스팅 패널을 통해 개체 캐시를 플러시합니다

모든 캐시 레이어를 지운 후 브라우저에서 하드 새로 고침을 수행하십시오(Ctrl + Shift + R) 그리고 Elementor 편집기를 다시 시도하십시오.

프로 팁: 캐시를 지울 때마다 Elementor 가 중단되면 Elementor 의 관리 페이지를 캐싱 플러그인에서 제외하십시오. 대부분의 캐싱 플러그인을 사용하면 포함된 URL 을 제외할 수 있습니다 /elementor 또는 action=elementor.

10. Cloudflare 로켓 로더를 비활성화합니다

Cloudflare 를 사용하는 경우 Rocket Loader 기능은 Elementor 편집기가 로드되지 않는 알려진 원인입니다. Rocket Loader 는 페이지 속도를 향상시키기 위해 JavaScript 실행을 지연시키지만 Elementor 의 스크립트가 제대로 초기화되지 못하게 할 수 있습니다.

로켓 로더를 비활성화하려면:

1. 로그인하세요 클라우드플레어 대시보드
2. 도메인을 선택합니다
3. 로 이동 속도 → 최적화 → 콘텐츠 최적화
4. 찾기 로켓 로더 그리고 토글하세요 꺼져

또한 당신이 거기있는 동안 이러한 Cloudflare 설정을 확인하십시오:

• 자동 최소화 JavaScript — WordPress 관리자 페이지를 끄거나 제외합니다
• 브라우저 무결성 검사 — 합법적인 관리자 요청을 차단할 수 있습니다
• 보안 수준 — 너무 높게 설정하면 Elementor 편집기 iframe이 차단될 수 있습니다

Rocket Loader를 비활성화하면 문제가 해결되지만 여전히 성능 이점을 원하는 경우 다음을 만듭니다 페이지 규칙 cloudflare 에서 WordPress 관리자 및 Elementor 편집기 URL 에서만 Rocket Loader 를 우회합니다 (예를 들어 yourdomain.com/wp-admin/*).

아직도 작동하지 않습니까? 고급 수정

위의 10 가지 솔루션 중 어느 것도 Elementor 빈 페이지 또는 로딩 문제를 해결하지 못하면 다음 추가 단계를 시도해 보십시오:

보안 헤더를 확인하세요

일부 호스팅 제공업체는 다음을 설정합니다 X-Frame-Options 헤더로 DENY는 Elementor 가 iframe 기반 편집기 내부에 로드되는 것을 차단합니다. 호스트에게 변경하도록 요청하십시오 SAMEORIGIN.

max_input_vars를 증가시킵니다

위젯이 많은 Complex Elementor 페이지는 PHP의 페이지를 초과할 수 있습니다 max_input_vars limit (기본값: 1000). 이것을 당신의 .htaccess 파일:

php_value max_input_vars 3000

Elementor를 다시 설치합니다

최후의 수단으로 플러그인 페이지에서 Elementor 를 비활성화하고 삭제 한 다음 WordPress.org 에서 새로 다시 설치하십시오. 디자인 및 페이지 콘텐츠는 플러그인 파일이 아닌 데이터베이스에 저장되므로 작업을 잃지 않습니다.

호스트에게 문의하세요

일부 Elementor 로딩 문제는 호스팅 제공 업체 만 변경할 수있는 서버 수준 구성 (ModSecurity 규칙,PHP 작업자 제한,실행 시간 제한) 으로 인해 발생합니다. 호스트에게 특정 오류를 제공하고 서버 로그를 확인하도록 요청하십시오.

Elementor Loading 문제를 방지하는 방법

문제를 수정한 후에는 다시 문제가 발생하지 않도록 다음 단계를 수행하십시오:

• 모든 것을 업데이트 유지. WordPress,Elementor 및 모든 플러그인의 최신 버전을 실행하십시오. 오래된 소프트웨어는 충돌의 가장 큰 원인입니다.
• 업데이트를 위해 준비 사이트를 사용하세요. 라이브 사이트에 적용하기 전에 스테이징 복사본에서 플러그인 및 테마 업데이트를 테스트합니다.
• 플러그인을 과부하하지 마십시오. 모든 활성 플러그인은 JavaScript 및 PHP 오버헤드를 추가합니다. 적극적으로 사용하지 않는 플러그인을 제거합니다.
• 호환되는 테마를 사용하세요. Hello Elementor, Astra 또는 GeneratePress와 같은 가벼운 테마는 충돌 없이 Elementor와 함께 작동하도록 제작되었습니다.
• 서버 리소스 모니터링. 만약 당신이 마스터 애드온 설치한 시스템 정보 탭을 사용하여 PHP 버전, 메모리 제한 및 기타 서버 설정을 정기적으로 확인합니다.

Elementor 사이트를 원활하게 운영하는 방법에 대한 자세한 내용은 가이드를 확인하세요 elementor 웹사이트의 속도를 높이는 방법.

자주 묻는 질문

Elementor 편집기가 로딩 화면에 붙어 있는 이유는 무엇입니까?

가장 흔한 원인은 PHP 메모리가 부족하기 때문입니다. Elementor 는 제대로 로드하기 위해 최소 256MB 가 필요합니다. 다른 원인으로는 플러그인 충돌,오래된 PHP 버전,브라우저 캐시,Cloudflare Rocket Loader 등이 있습니다. wp-config.php 에서 메모리 제한을 늘리고 브라우저 캐시를 지우는 것부터 시작하십시오.

Elementor 위젯이 로드되지 않는 문제를 해결하려면 어떻게 해야 합니까?

먼저 Elementor Safe Mode (Elementor → Tools → Safe Mode → Enable) 를 활성화하여 플러그인이나 테마가 충돌을 일으키는지 확인합니다. 위젯이 Safe Mode 에서 로드되면 다른 모든 플러그인을 비활성화하고 하나씩 다시 활성화하여 충돌을 찾아냅니다. 그래도 로드되지 않으면 PHP 메모리 제한을 512MB 로 늘립니다.

캐시를 지우면 Elementor가 로드되지 않는 문제가 해결됩니까?

예,많은 경우에. 세 가지 수준에서 캐시 지우기: 브라우저 캐시 (Ctrl+Shift+Delete), WordPress 캐싱 플러그인 (모두 삭제) 및 호스팅 서버 캐시. 오래된 캐시 파일은 Elementor 편집기가 업데이트 후 빈 페이지를 표시하는 일반적인 이유입니다.

Elementor 가 업데이트 후에 로드되지 않는 이유는 무엇입니까?

업데이트는 Elementor 가 스크립트를 로드하는 방법을 변경하는 경우가 있습니다. 이전 스크립트의 캐시된 버전이 새 코드와 충돌하여 빈 페이지가 발생합니다. 모든 캐시 (브라우저,플러그인 및 서버) 를 지운 다음 Elementor → 설정 → 고급에서 Editor Loader Method 를 전환해 보십시오. 그래도 작동하지 않으면 업데이트된 버전과의 플러그인 충돌을 확인하십시오.

플러그인이 너무 많으면 Elementor 로딩이 중지될 수 있습니까?

예. 각 플러그인은 PHP 와 자바스크립트 오버헤드를 추가합니다. 너무 많은 플러그인은 서버의 메모리 제한,최대 실행 시간 또는 max_input_vars 설정을 초과할 수 있으며,이 모든 것은 Elementor 가 로드되지 않는 플러그인을 비활성화하고 활성 플러그인이 많이 필요한 경우 서버 리소스를 늘리는 것을 고려할 수 있습니다.

감싸는 중

Elementor 편집기를 로드하지 않는 것은 거의 항상 수정이 가능합니다. 대부분의 경우 PHP 메모리 제한을 늘리고 캐시를 지우면 편집기가 다시 작동합니다. 지속적인 문제의 경우 위의 솔루션을 순서대로 작업하십시오: 먼저 시스템 요구 사항을 확인한 다음 플러그인 충돌,테마 문제 및 서버 측 설정으로 이동하십시오.

사용하시는 Elementor용 마스터 애드온시스템 정보 탭에서는 서버 상태에 대한 빠른 개요를 제공하므로 편집기가 중단되기 전에 문제를 발견할 수 있습니다.

아직도 붙어있나요? 저희에게 연락하세요 그리고 문제 해결을 도와드리겠습니다.