워드프레스 구텐베르크 CSS 삭제하는 방법

워드프레스 5.0에서 기본 에디터로 추가된 구텐베르크(Gutenberg)는 블록 스타일의 위지윅 에디터로 단순한 디자인의 활용도가 높은 CSS를 제공하고 있습니다.

하지만 기존의 클래식 에디터를 사용하는 경우 구텐베르크의 /wp-includes/css/dist/block-library/style.min.css 파일 때문에 추가적인 렌더링 차단에 걸려 웹사이트 속도를 저하시킬 수 있는데요.

만일 구텐베르크 에디터를 사용하지 않는다면 다음과 같은 방법으로 구텐베르크 스타일 CSS 파일을 로드하지 않게 설정할 수 있습니다.

Remove Gutenberg Css 01

구텐베르크 블록 CSS 제거하기

add_action( 'wp_enqueue_scripts', function() {
  wp_dequeue_style( 'wp-block-library' );
} );

테마 디자인 > Theme editor로 이동한 다음 function.php 아래에 위 코드를 추가하면 구텐베르크 css 파일을 더이상 로딩하지 않습니다.

워드프레스를 팀 단위로 사용하는 경우 모든 편집자가 클래식 에디터를 사용해야 하며 기존 글이 구텐베르크로 작성된 경우 스타일을 불러올 수 없기 때문에 레이아웃이 깨질 수 있으므로 참고하시길 바랍니다.

추천 글

댓글

이메일 주소는 공개되지 않으며 댓글에 하나 이상의 URL이 포함될 경우 관리자 승인 후 공개됩니다.

댓글은 운영 정책에 따라 관리됩니다. (링크)