케이보드에서 워드프레스 에디터를 사용할 때 기본 폰트 조정하기

이 사이트에서는 에디터의 글씨가 바탕체가 기본이 아닙니다.

사용중인 에디터는 워드프레스 에디터 임에도 바탕체가 아니라 변경한 폰트인 노토산스체로 기본 적용되어 있습니다.

에디터의 폰트가 마음에 안들어서 썸머노트를 사용하시는 분들도 많을 거 같습니다.

여기 들어와있는 에디터들은 아이프레임으로 들어오는데다

워드프레스 기본 에디터의 CSS를 건드려야 하기 때문에 스킨 CSS에 아무리 코드를 입력해도 도통 들어먹질 않습니다.

그래서 필터를 사용해야합니다.

아래 코드를 테마 Functions 파일에 적용해봅니다.

add_filter('mce_css', 'wpboard_tinymce_custom_css');
function wpboard_tinymce_custom_css($mce_css) {  
    if (!empty($mce_css)) {   $mce_css .= ',';  }  
    $mce_css .= get_template_directory_uri() . '/assets/css/tinymce_font_v1.css';  

    return $mce_css;
} 

위 코드에서 볼 수 있듯 tinymce_font_v1.css 라는 파일을 적용해주는 겁니다.

이 css 파일에다 에디터에서 설정하던 코드들을 그대로 넣는겁니다.

그러면 여기 홈페이지처럼 폰트를 예쁘게 설정할 수 있습니다.

에디터를 꾸미고 싶다면 이 글을 읽어주세요.