English
Dark Mode Light Mode

워드프레스 대시보드 CSS가 제대로 로드되지 않았을 때

워드프레스 관리자로 로그인 했을 때, 대시보드(관리자페이지)가 css가 적용안된채로 모두 깨져 보일 때가 있습니다. 이럴 때 처리할 수 있는 방법을 안내해드리겠습니다.

워드프레스 관리자로 로그인 했을 때, 대시보드(관리자페이지)가 CSS가 적용안된채로 모두 깨져 보일 때가 있습니다.
이럴 때 처리할 수 있는 방법을 안내해드리겠습니다.

define( ‘CONCATENATE_SCRIPTS’, false ); 와 define( ‘SCRIPT_DEBUG’, true ); 는 워드프레스
wp-config.php 파일에서 사용되는 설정입니다. 이 설정들은 워드프레스 관리자 영역에서 스크립트 및 스타일시트 로딩 방식을 변경하여 디버깅을 용이하게 합니다.

CSS가 로드되지 않아서, 기본적인 텍스트만 출력된 모습

1. define( ‘CONCATENATE_SCRIPTS’, false );

define( 'CONCATENATE_SCRIPTS', false );

이 설정은 워드프레스가 관리자 영역에서 모든 CSS 및 JavaScript 파일을 하나로 합쳐서 로드하는 대신, 개별 파일로 로드하도록 합니다. 기본적으로 워드프레스는 여러 개의 CSS 및 JavaScript 파일을 하나의 파일로 병합하여 로드하여 HTTP 요청 수를 줄여 성능을 향상시키려고 합니다. 하지만 이로 인해 특정 스크립트 오류를 찾기 어려울 수 있습니다.
이 설정을 false로 설정하면 개별 파일로 로드하여 문제 발생 시 원인을 쉽게 파악할 수 있습니다.

Advertisement

2. define( ‘SCRIPT_DEBUG’, true );

define( 'SCRIPT_DEBUG', true );

이 설정은 워드프레스가 개발 모드로 전환되어, 압축되지 않은 디버그 버전의 CSS 및 JavaScript 파일을 로드하도록 합니다. 일반적으로 워드프레스는 CSS 및 JavaScript 파일을 압축하여 파일 크기를 줄이고 성능을 향상시킵니다. 하지만 이로 인해 특정 스크립트 오류를 찾기 어려울 수 있습니다. SCRIPT_DEBUG를 true로 설정하면 압축되지 않은 파일을 로드하여 개발 및 디버깅을 쉽게 할 수 있습니다.

3. wp-config.php 파일 수정

wp-config.php 파일에서 /* Add any custom values between this line and the “stop editing” line. */
다음 줄에 define( ‘CONCATENATE_SCRIPTS’, false ); 와 define( ‘SCRIPT_DEBUG’, true ); 를 추가합니다.

/* Add any custom values between this line and the "stop editing" line. */

define( 'CONCATENATE_SCRIPTS', false );
define( 'SCRIPT_DEBUG', true );

wp-config.php 저장하면, 대시보드(관리자페이지)가 정상적으로 표시됩니다.

댓글 달기 댓글 달기

댓글 남기기

chevron_left 이전 포스트

퍼머링크가 Post name으로 설정되어 있을 경우, Post ID 확인

다음 포스트 chevron_right

INPUT 태그에서 자동 확대 비활성화

Advertisement