본문 바로가기
카테고리 없음

워드프레스 관리자 페이지 깨짐 CSS 적용 안됨 및 메뉴 접속시 404 에러 해결방법

by ∴→∵→… 2022. 5. 27.

워드프레스 관리자 페이지 접속 시 보이는 메뉴에 CSS가 적용되지 않아 기본 HTML 태그로만 페이지가 구성되거나 메뉴 클릭 시 404 페이지 에러가 발생할 때 해결할 수 있는 방법에 대해 정리해보겠습니다.

 

 

 

관리자 페이지 CSS 적용 안됨 및 메뉴 접속 404 에러

이번에 워드프레스를 설치하면서 첫날에는 워드프레스 관리자 페이지 및 관리자 메뉴가 이상 없이 잘 작동했습니다. 그리고, 며칠 뒤 삭제 후 다시 설치하고 나서부터 아래 이미지와 같이 CSS 스타일이 적용되지 않은 상태의 HTML 태그로만 페이지가 보이고, 심지어는 메뉴 접속 시 404 에러 페이지가 나오는 경우가 발생했습니다.

워드프레스 관리자페이지 오류
워드프레스 관리자페이지 오류

 

 

 

관리자 페이지 문제 해결 방법

몇 번의 재설치 과정에서 확인된 게 며칠 사이에 워드프레스가 6.0이 최신 버전이 되어 해당 버전으로 설치가 되고 있었습니다. 정확한 원인 파악은 못했지만 아마 버전 때문이라고 혼자 생각하며 아래 방법으로 워드프레스 관리자 페이지 CSS 스타일 적용 안되고, 관리자 메뉴 접속 시 404 페이지 에러 발생을 해결하게 되었습니다.

 

 

 

아래 나열된 해결방법은 제 기준으로 확인해서 해결된 사항이며, 다른 분들에게는 적용이 안될 수도 있으니, 필히 기존 파일들을 백업한 후 진행하시기 바랍니다.

 

wp-config.php 파일 수정

워드프레스 환경 설정 파일에 아래의 코드를 한 줄 추가해 줍니다. 관리자 페이지 로딩 시 자바스크립트 및 css파일 적용을 한 번에 읽어 들여서 적용하는데 해당 설정을 해제하는 것입니다.

define( 'CONCATENATE_SCRIPTS', false );

※ wp-config.php 파일은 워드프레스 public_html 폴더 아래 위치하고 있습니다. 위 방법으로도 진행이 되지 않으면 아래 방법을 추가적으로 시도해보시길 바랍니다.

 

 

.htaccess 파일 삭제

'.htaccess' 파일은 웹서버 디렉터리 설정은 관리하는 파일입니다. 그리고 클라이언트에서 서버로의 요청을 처리하는 데도 관여하는 파일입니다. 해당 파일이 손상되었을 때도, 메뉴 접속이 안된다고 합니다. '.htaccess'파일은 숨김 파일 속성으로 있으니 참고하시고 꼭 백업 후 삭제해보시기 바랍니다.

 

 

 

댓글