워드프레스 강좌 | 테마의 CSS를 에디터로 불러오기

WYSIWYG(What You See Is What You Get)란 문서를 만들 때 보이는 모양 그대로 출력을 해준다는 뜻입니다. 워드프레스의 기본 에디터도 WYSIWYG입니다.

그런데 테마에 따라서 에디터에서 문서를 작성할 때의 글꼴, 문단 등이 웹사이트에서 볼 때의 모양과 다른 경우가 있습니다. 이유는 에디터에서 사용하는 CSS와 테마에서 사용하는 CSS가 다르기 때문입니다.

글 작성화면에 미리보기 버튼이 있어 모양이 좀 다르더라도 공개하기 전에 확인할 수 있기는 하지만 상당히 귀찮은 작업입니다.

이 문제를 해결하려면 사용하는 테마의 functions.php 파일에 다음의 코드를 추가합니다.

add_editor_style('style.css');

에디터의 스타일로 테마의 style.css를 사용하라는 뜻입니다. 대부분의 경우에는 잘 작동하지만 CSS 코드를 어떻게 작성했느냐에 따라 모양이 다르게 나올 수도 있습니다.

좋은 테마라면 위 코드를 포함하고 있고 에디터에서의 모양과 테마에서의 모양이 같습니다. 하지만 간혹 그렇지 않은 경우가 있으니 에디터에서의 모양이 테마와 많이 다르다면 functions.php에 위 코드를 추가해보세요.

Created on 2013-12-28 16:24 | Updated on 2018-10-04 18:18

워드프레스 프리미엄 테마 사이트

  • Elegant Themes
    80여 개의 테마를 한꺼번에 $89에 판매하는 경제적인 테마 사이트 / 1년 업데이트 / 무제한 사이트
  • ThemeForest
    10000여 개의 테마가 거래되는 세계 최대 워드프레스 테마 오픈 마켓 / 계속 업데이트 / 1개 애플리케이션

Book

워드프레스 인기 테마