워드프레스 내장 에디터 폰트를 수정하는 건

올려주신 경로의 파일을 수정해주시면 됩니다.

폰트가 바로 저장되지 않는다면 브라우저의 캐시를 비우신 후에도 확인해보시겠어요?

크롬 브라우저에서 강력 새로고침 단축키는 Ctrl + Shift + R 입니다.

크롬 브라우저 시크릿 모드에서도 확인해보시겠어요?

썸머노트 에디터의 기본 글꼴을 변경하시려면

아래의 코드를 활용해보세요.

add_action('wp_head', 'wp_head_20200911');
function wp_head_20200911(){
	?>
	<script>
	jQuery(document).ready(function(){
		var kboard_mod = jQuery('input[name=mod]', '.kboard-form').val();
		if(kboard_mod == 'editor'){
			if(kboard_current.use_tree_category == 'yes'){
				kboard_tree_category_parents();
			}
			
			if(kboard_current.use_editor == 'snote'){ // summernote
				jQuery('.summernote').each(function(){
					var height = parseInt(jQuery(this).height());
					var placeholder = jQuery(this).attr('placeholder');
					var lang = 'en-US';
					
					if(kboard_settings.locale == 'ko_KR'){
						lang = 'ko-KR';
					}
					else if(kboard_settings.locale == 'ja'){
						lang = 'ja-JP';
					}
					
					jQuery(this).summernote({
						toolbar: [
							['style', ['style']],
							['fontsize', ['fontsize']],
							['font', ['bold', 'italic', 'underline', 'clear']],
							['fontname', ['fontname']],
							['color', ['color']],
							['para', ['ul', 'ol', 'paragraph']],
							['height', ['height']],
							['table', ['table']],
							['insert', ['link', 'picture', 'hr']],
							['view', ['fullscreen', 'codeview']],
							['help', ['help']]
						],
						fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande', 'Tahoma', 'Times New Roman', 'Verdana', 'Nanum Gothic', 'Malgun Gothic', 'Noto Sans KR', 'Apple SD Gothic Neo'],
						fontNamesIgnoreCheck: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande', 'Tahoma', 'Times New Roman', 'Verdana', 'Nanum Gothic', 'Malgun Gothic', 'Noto Sans KR', 'Apple SD Gothic Neo'],
						fontSizes: ['8','9','10','11','12','13','14','15','16','17','18','19','20','24','30','36','48','64','82','150'],
						lang: lang,
						height: height,
						placeholder: placeholder
					});
					jQuery(this).summernote('fontName', 'Arial');
				});
			}
		}
	});
	</script>
	<?php
}

테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.

썸머노트 에디터 커스텀 관련해서는

아래 관련 문서도 참고해보세요.

https://summernote.org/deep-dive/

글자의 위아래 간격은 어떻게 조절하고 싶으신 건지요?

에디터에서 Shift + Enter로 입력하시면

Enter로 입력했을 때보다 줄어든 간격으로 적용하실 수 있습니다.

고맙습니다.