워드프레스 글/페이지 편집 또는 작성 시 빈 화면이 표시되는 문제 해결

워드프레스에서 글이나 페이지를 새로 작성하거나 기존 글을 편집하여 업데이트하려고 시도할 때 편집 화면이 표시되지 않고 빈 페이지가 표시되는 경우가 있습니다. 워드프레스 편집 화면이 아무런 내용 없이 공백으로 표시되는 경우 보통 메모리 부족이 원인일 수 있습니다. 메모리 제한 크기 설정을 높여도 문제가 발생한다면 테마나 플러그인 충돌을 의심해 볼 수 있습니다.

워드프레스 글/페이지 편집 또는 작성 시 빈 화면이 표시되는 문제 해결

최근 뉴스페이퍼(Newspaper) 테마로 제작된 워드프레스 사이트에 새로운 도메인을 연결하는 작업을 맡았습니다. 도메인의 네임서버를 변경하고 IP 주소를 지정하여 도메인을 연결하는 작업이었습니다. 도메인은 다른 가비아 계정에서 등록되었는데, 호스팅 서비스를 이용하는 계정에서는 다른 가비아 계정에서 등록된 도메인을 추가하여 DNS 레코드를 호스팅이 있는 계정에서 제어하는 방법이 없는 것 같습니다. 아마 가비아에 연락하면 조치를 취해주지 않을까 생각됩니다.

카페24에서 다른 카페24 계정에 등록된 도메인을 연결하여 호스팅이 있는 계정에서 DNS 레코드를 지정할 수 있습니다. 

다른 가비아 계정에서 도메인의 DNS 레코드를 제어하더라도 문제 될 것은 없지만, 동일인의 계정이 아니라면 추후에 DNS 레코드를 변경/수정하려면 번거롭게 될 것입니다.

어제는 해당 사이트에서 글을 편집하려고 시도하면 빈 화면이 표시되어 편집할 수 없다고 하여 사이트를 살펴보았습니다. 블록 에디터 편집 화면에 접속하면 아무런 내용이 없는 빈 페이지가 표시되었습니다.

이런 문제가 발생하면 먼저 에러 로그를 확인하여 문제의 원인을 파악하는 것이 좋습니다. 하지만 에러 로그에 이와 관련된 오류 메시지가 없어서 문제의 원인을 곧바로 알 수가 없었습니다.

보통 이 문제가 발생하면 메모리 제한(Memory Limit) 크기가 작은 것이 원인일 수 있습니다. 가비아의 경우 메모리 크기가 256MB로 제한되어 있습니다. 이 때문에 엘리멘터 등 덩치가 큰 플러그인이나 무거운 테마를 설치하면 에러가 발생할 수도 있습니다.

카페24 등에서는 다음과 같은 코드를 wp-config.php 파일에 추가하여 메모리 제한 크기를 늘릴 수 있습니다.

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

512M에서도 에러가 발생한다면 1024M로 늘려서 테스트해 볼 수 있습니다.

클라우드웨이즈를 이용하는 경우에는 다음 글을 참고하여 PHP 메모리 제한 크기를 조정할 수 있습니다.

클라우드웨이즈: 워드프레스 메모리 제한 (WP Memory Limit) 설정하기

해당 사이트의 경우 메모리 부족이 의심되었지만, 가비아에서는 256MB 제한이 있기 때문에 메모리 크기를 늘릴 수 없었습니다.

테마를 뉴스페이퍼에서 다른 테마로 바꾸어보니 문제가 발생하지 않았습니다. 뉴스페이퍼 자체 문제이거나 웹호스팅의 메모리 제한 크기가 작아서 발생하는 것으로 의심되었습니다.

이번 건의 경우 다행히 다음과 같은 조치를 취하니 문제가 해결되었습니다.

1. DB 최적화하기
2. 뉴스페이퍼 테마와 플러그인을 최신 버전으로 업데이트하기

아바다 등 Themeforest 테마는 1개 사이트에 설치할 수 있습니다. 뉴스페이퍼는 1개 사이트 외에 테스트 사이트 1개에 추가적으로 설치할 수 있도록 배려하고 있습니다.

뉴스페이퍼, 아바다 등 일부 테마의 경우 테마 업데이트를 위해서는 라이선스를 등록해야 합니다.

My license 페이지에서 라이선스를 등록하고 관리할 수 있습니다.

뉴스페이퍼는 동시에 두 개의 사이트(실제 운영 사이트 1개와 스테이징 사이트 1개)에 라이선스 키(license key)를 할당할 수 있습니다.

하지만 여러 번 사이트에 지정했다가 해제하면 위의 그림과 같이 일정 기간 동안 라이선스 키를 해제하지 못하게 됩니다. Assign(할당), Unassign(할당 해제)가 비활성화되어 라이선스 키를 적용할 수다면 라이선스 키 할당 해제 금지 기간이 만료될 때 라이선스 키를 할당/할당 해제할 수 있습니다. 또는, 급하다면 뉴스페이퍼 테마 판매자에게 이메일로 연락하여 사정을 설명하고 즉시 사이트를 할당/재할당할 수 있게 해달라고 요청해 보세요.

저는 클라이언트 사이트가 위와 같은 상황이 되어 테마를 업데이트할 수 없는 상황이었습니다. 개인적으로 사용 중인 사이트에서 최신 버전의 뉴스페이퍼 테마와 관련 플러그인들을 다운로드하여 문제의 사이트에 설치해 보았습니다. 

다행히 디비 최적화를 수행하고 테마를 최신 버전으로 업데이트하니 문제가 해결되었습니다.

요약

1. 일반적으로 편집 화면이 내용이 없는 빈 화면으로 표시될 경우 먼저 메모리 제한 크기를 늘려서 문제가 해결되는지 확인해 보시기 바랍니다.
2. 에러 로그를 확인하여 문제의 원인을 특정하여 수정합니다.
3. 사이트를 최신 버전으로 업데이트합니다.
4. 백업을 하고 테마와 플러그인을 최신 버전으로 업데이트하여 문제가 발생하는지 확인합니다.

참고

https://avada.tistory.com/3046

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

https://avada.tistory.com/2897

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

https://avada.tistory.com/2335

워드프레스 GeneratePress 테마 라이선스 (+요금제)