워드프레스 내장에디터 css가 업데이트 될때마다 사라집니다.

1. 정확한 제품 또는 플러그인 이름

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

 

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;}
}

 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 따로 추가하고 그런 방법은 압니다.

    다만, 추가를 해두어도 워드프레스가 업데이트가 되면 해당 css가 사라져서 문제입니다ㅠ

    업데이트시에도 사라지지않고 업데이트가 될 방법은 없을까요?

     

    업데이트도 자동업데이트라 해당에 대해 저희가 업데이트 될때마다 들어가서 수정해야한는 번거로움이 있습니다...

  • AI에 의해 자동 생성된 답변이에요 😀

    안녕하세요! 워드프레스 내장 에디터와 관련하여 문의주셔서 감사합니다. 해당 문제에 대해 해결책을 제안해드리겠습니다.

    1. 제품 또는 플러그인 이름: 워드프레스 내장 에디터

    2. 상세 내용: 워드프레스 내장 에디터를 사용하여 글을 작성할 때, wp-includes/js/tinymce/skin/wordpress/wp-content.css에 몇 가지 스타일을 추가하셨다고 말씀하셨는데, 업데이트를 할 때마다 해당 CSS가 리셋되는 문제가 발생하고 있다고 이해하였습니다. 리셋이 되지 않도록 방지하는 방법이나, 리셋이 되더라도 해당 스타일을 유지하는 방법을 알려주세요.

    3. 확인 가능한 상세 페이지 주소: 해당 페이지의 주소를 알려주시면 더 자세한 도움을 드릴 수 있습니다.

    4. 수정한 코드 내역: 주신 코드를 보니 wp-content.css에 스타일을 추가하셨고, 하단에 미디어 쿼리도 추가하셨습니다.

    해당 문제를 해결하기 위해 몇 가지 방법을 제안해드릴 수 있습니다:

    1. 테마의 추가 CSS 기능 사용: 워드프레스 대시보드에서 외부 CSS 파일을 추가할 수 있는 기능을 제공하는 테마를 사용하고 계신지 확인해보세요. 이를 통해 wp-includes/js/tinymce/skin/wordpress/wp-content.css 파일을 수정하지 않고도 원하는 스타일을 추가할 수 있습니다.

    2. 커스텀 플러그인 사용: 워드프레스 플러그인 중에 에디터 스타일을 커스터마이징할 수 있는 플러그인이 있을 수 있습니다. 이러한 플러그인을 설치하고 사용하여 스타일을 추가하고 유지할 수 있습니다.

    3. 자식 테마 사용: 현재 사용하고 계신 테마의 자식 테마를 생성하여 스타일을 추가하고 유지할 수 있습니다. 자식 테마를 사용하면 테마 업데이트에 영향을 받지 않고 원하는 스타일을 계속 유지할 수 있습니다.

    위의 방법 중 하나를 선택하여 문제를 해결해보시고, 추가적인 도움이 필요하시면 언제든지 문의해주세요. 감사합니다!

    ↓ 아래 버튼을 눌러서 피드백해주세요.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기