워드프레스 내장에디터 관련 문의드립니다.

2. 상세 내용

제가 워드프레스 설치 후 워드프레스 내장에디터로 글을 쓸 때 폰트 외 몇가지 스타일을 wp-includes/js/tinymce/skin/wordpress/wp-content.css 에 추가했는데요.

업데이트 할때마다 해당 css가 리셋됩니다.

리셋이 안되게 하는 방법이나,

리셋이 되더라도 해당 스타일이 유지되어 계속 css를 먹을 수 있는 위치나 방법 알려주세요!

3. 확인 가능한 상세 페이지 주소

4. 수정한 코드 내역 (있다면)

wp-content.css에 아래 코드들을 넣습니다.

@import url('/wp-content/themes/테마명/css/font.css');

body#tinymce {padding:10px;}
hr {display:block; margin:0 !important; height:1px; background:#9a9a9a !important;}
em {font-style:italic;}
ul,
ol {padding-inline-start:40px;}
ol li {list-style:decimal !important;}
ul li {list-style:disc !important;}
a {text-decoration:underline;}
 
h1 {font-size:26px; font-weight:400;}
h2 {font-size:24px; font-weight:400;}
h3 {font-size:22px; font-weight:400;}
h4 {font-size:20px; font-weight:400;}
h5 {font-size:18px; font-weight:400;}
strong {font-size:inherit; font-weight:700 !important;}
p {margin:0;}

wp-content.css 하단에 아래코드를 넣습니다.

@media screen and (max-width: 640px) {
    * {font-size:14px;}
 
    h1 {font-size:24px;}
    h2 {font-size:22px;}
    h3 {font-size:20px;}
    h4 {font-size:18px;}
    h5 {font-size:16px;}
}