이 사이트에서는 에디터의 글씨가 바탕체가 기본이 아닙니다.
사용중인 에디터는 워드프레스 에디터 임에도 바탕체가 아니라 변경한 폰트인 노토산스체로 기본 적용되어 있습니다.
에디터의 폰트가 마음에 안들어서 썸머노트를 사용하시는 분들도 많을 거 같습니다.
여기 들어와있는 에디터들은 아이프레임으로 들어오는데다
워드프레스 기본 에디터의 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 파일에다 에디터에서 설정하던 코드들을 그대로 넣는겁니다.
그러면 여기 홈페이지처럼 폰트를 예쁘게 설정할 수 있습니다.
에디터를 꾸미고 싶다면 이 글을 읽어주세요.