케이보드에서 워드프레스 에디터를 사용할 때 기본 폰트 조정하기
2021-06-25 10:41
wpboard
이 사이트에서는 에디터의 글씨가 바탕체가 기본이 아닙니다.
사용중인 에디터는 워드프레스 에디터 임에도 바탕체가 아니라 변경한 폰트인 노토산스체로 기본 적용되어 있습니다.
에디터의 폰트가 마음에 안들어서 썸머노트를 사용하시는 분들도 많을 거 같습니다.
여기 들어와있는 에디터들은 아이프레임으로 들어오는데다
워드프레스 기본 에디터의 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 파일에다 에디터에서 설정하던 코드들을 그대로 넣는겁니다.
그러면 여기 홈페이지처럼 폰트를 예쁘게 설정할 수 있습니다.
에디터를 꾸미고 싶다면 이 글을 읽어주세요.
워드프레스 
-
번호카테고리제목글쓴이날짜추천수조회수
-
-
8KBoardKBoard 액션 - 게시글 수정 후 다른 동작 하기wpboard 추천수 0 | 조회수 473 | 2022.04.26wpboard2022.04.260473
-
7KBoardKBoard 액션 - 새 게시글 입력 후 다른 동작하기wpboard 추천수 0 | 조회수 457 | 2022.04.26wpboard2022.04.260457
-
5기타케이보드에서 워드프레스 에디터를 사용할 때 기본 폰트 조정하기 +2wpboard 추천수 3 | 조회수 2391 | 2021.06.25wpboard2021.06.2532391
-
4KBoard읽기권한이 없을 경우 로그인 페이지가 아닌 이전 페이지로 이동하기wpboard 추천수 1 | 조회수 1690 | 2021.06.21wpboard2021.06.2111690
-
3기타워드프레스에서 이메일 발송이 안될 때 설정 방법 (+로컬) +1wpboard 추천수 1 | 조회수 2370 | 2021.06.13wpboard2021.06.1312370
-
2플러그인Function 파일 수정 없이 Function 입력하기 +1wpboard 추천수 0 | 조회수 2264 | 2021.05.25wpboard2021.05.2502264
감사합니다
감사합니다