WP Statistics 설치 후 워드프레스 관리자 폰트 변경 방법

워드프레스 통계 플러그인 WP Statistics 설치 후 워드프레스 관리자 폰트 변경 방법을 알아보겠습니다. 이것저것 해보다가 마지막에 플러그인 css 파일을 수정했으니 본인에게 맞는 방법을 골라보세요.

WP Statistics 설치 후 Roboto 폰트 적용을 제외시키는 방법에 대한 안내입니다. 만약 워드프레스 관리자 폰트 변경이 목적이라면 플러그인 설치만 따라해 보시길 바랍니다.

WP Statistics 설치 후 워드프레스 상황

WP Statistics 설치 후 워드프레스 관리자페이지의 폰트가 아래와 같이 바뀌었습니다. 이 꼬부랑 글씨 때문에 신경 쓰여서 뭘 할 수가 없네요. 확실한 것은 WP Statistics 플러그인을 비활성화하면 폰트가 원래대로 나옵니다.

WP Statistics는 제가 좋아하는 통계 플러그인입니다. 무료 버전으로 사용하고 있지만 기본 기능이 좋아서 오래 사용하고 있는데요. 다 좋은데 문제는 첫 설치 후에 워드프레스 관리자 폰트가 변경되는 문제가 있습니다.

그래서 WP Statistics 첫 설치할 때 워드프레스 관리자 페이지의 폰트가 바뀌는 문제를 해결하기 위한 방법으로 플러그인으로 고치는 방법과 직접 WP Statistics 의 CSS를 수정하는 방법으로 2가지에 대해 소개드립니다.

플러그인을 이용해 관리자 폰트 변경하기

가장 먼저 시도했던 방법입니다. 워드프레스 관리자 폰트 변경은 수요가 없는지 관련 플러그인도 적었습니다. 있던 것도 최신 워드프레스에서 호환성 테스트가 안되어 있어 설치가 망설여졌지만 코드는 별게 없어서 일단 설치해 봤습니다.

1. Admin Custom Font

https://ko.wordpress.org/plugins/admin-custom-font/

Admin Custom Font는 가장 먼저 설치해 본 워드프레스 관리자 폰트 변경 플러그인입니다. 직관적인 UI가 마음에 들었습니다. 원하는 폰트를 직접 올릴 수는 없지만 Google 글꼴로는 바꿀 수 있습니다.

WP Statistics로 인해 바뀐 폰트를 Admin Custom Font 플러그인을 설치하자 많이 고쳐졌습니다. 네, 말 그대로 많이 고쳐졌지만, 완벽하게 고쳐지지 않았습니다.

Admin Custom Font 플러그인 활성화 후 문제가 되는 body css가 변경되는 것을 확인했는데, 다른 곳의 폰트가 일부 수정되지 못하였습니다. 워드프레스 플러그인들이 각자 사용하는 CSS를 모두 수정할 수 없어 발생하는 문제 같습니다.

2. WP Admin 한글폰트

https://wordpress.org/plugins/admin-hangul-font/

WP Admin 한글폰트 한국분이 만든 관리자 화면 폰트 변경 플러그인 입니다. 플러그인으로 플러그인을 활성화하면 바로 나눔고딕과 맑은 고딕을 적용됩니다.

그런데 Admin Custom Font 플러그인과 마찬가지로 일부 관리자 페이지나 항목에서 여전히 폰트가 변경되지 않았습니다. 관리자의 body CSS외 다른 CSS 스타일이 적용되는 항목이 있어 이것을 일일이 지정하기에도 불가능해 보였습니다.

WP Statistics CSS 직접 수정 방법

결국 문제가 되는 WP Statistics 플러그인을 고쳐보기로 했습니다. WP Statistics만 활성화하면 문제가 되니까요.

이렇게 결정하고 여러 테스트를 해봤는데요. 생각보다 시간이 많이 걸렸습니다. 우선 알아낸 것은 이렇습니다.

• WP Statistics 플러그인을 활성화하면 엣지브라우저에서 워드프레스 관리자 폰트가 roboto로 적용된다.
• 관리자의 body css만 변경하면 안 되고 모든 관련 css를 다 고쳐야 한다. 그래서 차라리 워드프레스 관리자의 body css를 아예 제외시키면 기본 폰트가 적용된다.

이런 결론으로 WP Statistics가 활성화되면 적용되는 CSS 파일에 일부 값과 폰트를 삭제습니다.

1. wp-content/plugins/wp-statistics/assets/css/admin.min.css 파일을 다운로드 하여 Roboto 폰트 부분을 제거 했습니다.
2. wp-content/plugins/wp-statistics/assets/fonts 아래 roboto 폰트 파일을 삭제했습니다.

제가 어떻게 수정했는지는 아래 링크로 확인해보세요.

admin.min.css 다운로드

다운로드 링크를 통해 제가 수정한 WP Statistics의 admin.min.css 파일을 다운받아서 본인의 WP Statistics css 파일과 비교해 수정하시면 될 것 같습니다.

바쁘신 분들은 우선 자신의 WP Statistics의 admin.min.css을 백업하고, 제가 공유한 WP Statistics의 admin.min.css 파일을 덮어쓰기 하는 것도 방법일 것 같습니다.
버전이 달라지면 동작 안 될 수 있으니 꼭 백업하고 덮어쓰기 하세요

수정된 CSS 업로드 후 워드프레스 관리자페이지를 확인해 보니 아래와 같이 복구 되었습니다.

이 방법은 WP Statistics 플러그인이 업데이트되거나 WP Statistics를 다시 설치하면 다시 문제가 발생합니다.

따라서 수정하는 방법을 계속 적용시켜줘야 하는 문제가 있네요.

물론 저는 완벽하게 폰트가 복구되는 이 CSS 파일 변경 방법이 마음에 들어 다음 업데이트에도 이 방법으로 적용하겠습니다 🙂

이상입니다.

[더 읽어볼거리]