[WordPress] 대시콘 비활성화 하는 방법

워드프레스 테마와 플러그인을 소소하게 나마 직접 만들어서 사용하다보니, 페이지 로드 속도가 상당히 느려져서 여러가지 원인 중 워드프레스에서 제공하는 대시콘 ^Dashicons 도 만만치 않게 영향을 미치더라구요.

그래서 어차피 테마나 플러그인 개발에 생각보다 큰 영향을 미치지 않기에 속도만 잡아먹는 대시콘을 비활성화 하는 방법을 찾아내 기록으로 남겨둡니다.

대시콘 비활성화

대시콘을 비활성화 하는 방법은 대시콘을 활성화 하는 방법과 비슷합니다.

function _theme_enqueue_script() {
	wp_dequeue_style('dashicons');
	wp_deregister_style('dashicons');
}
add_action( 'wp_enqueue_scripts', '_theme_enqueue_script' );

테마를 만들 때 스타일시트나 자바스크립트를 이용하기 위해 wp_enqueue_scripts 함수를 이용하잖아요?

그 함수에 위와 같이 액션을 추가해 대시콘을 무력화 시키는 것입니다. 핵심은 역시 wp_dequeue_style 와 wp_deregister_style 입니다.

특징

• 사이트 속도가 체감 할 수 있을 정도로 빨라짐
• 대시콘을 사용하지 못하기 때문에 아예 아이콘을 사용하지 않든지 필요한 것만 개별적으로 svg 파일을 이용하든지 해야함
• 로그인된 사용자에게 표시되는 워드프레스 상단바가 제대로 표시되지 않음, 이 문제는 기본적으로 어드민바를 꺼둔 사람들에게는 큰 문제가 아님
• 백앤드, 즉, 워드프레스 관리자 화면에는 영향을 미치지 않음

참고

• wp_dequeue_style() – WordPress Code Reference
• wp_deregister_style() – WordPress Code Reference

끝.