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

2021-06-25 10:41

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

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

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

 

 

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

워드프레스 기본 에디터의 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 파일에다 에디터에서 설정하던 코드들을 그대로 넣는겁니다.

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

 

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

  • 페이스북 공유하기
  • 트위터 공유하기
  • 구글 플러스 공유하기
  • 카카오스토리 공유하기
1개

  • 2021-09-30 22:41

    감사합니다


  • 번호
    카테고리
    제목
    글쓴이
    날짜
    추천수
    조회수