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

워드프레스

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

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

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

Remove Gutenberg Css 01

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

How To Delete WordPress Gutenberg Css 1
add_action( 'wp_enqueue_scripts', function() {
  wp_dequeue_style( 'wp-block-library' );
} );

외모 > 테마 편집기로 이동한 다음 function.php를 선택합니다.

function.php 편집기에서 코드가 끝나는 줄에 위 코드를 추가하면 구텐베르크 css 파일을 더이상 로딩하지 않습니다.

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

1 댓글. Leave new

  • 저는 [외모]에 [위쳇]도 안보이고
    테마디자인이란 것도 안보이는데 저는 왜 그런건가요
    이유를 모르겠습니다 ㅠ

    응답

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

Fill out this field
Fill out this field
유효한 이메일 주소를 입력해주세요.

wordpress title 2
워드프레스 핑백 트랙백 개념과 설정
워드프레스는 자유로운 블로깅 도구입니다. 하지만 설치형 워드프레스 같은 경우 국내 네이버 블로그나 티스토리등의 대형 업체 서비스에서 제공하는 회원간의 커뮤니케이션 역할을…
Wordpress Disable Emoji Title
워드프레스 이모지(Emoji) 비활성화 방법
워드프레스는 :-)나 :-P 같은 텍스트 이모티콘을 입력하면 이모지로 변환해서 보여주는 기능을 포함하고 있습니다. 참고 : 워드프레스 이모티콘(스마일리) 사용법과 리스트 그림(え)과 문자(もじ)의 합성어인…