워드프레스 OnePress 테마 에디터 폰트 설정

워드프레스 블로그를 하면서 속도 등 장점이 많은 OnePress 테마를 사용하게 되었습니다.

그런데 사용을 하다보니, 편집기의 일반 폰트 크기가 작아서 다른 테마(카덴스 등)를 사용할떄와는 달리 좀 불편했습니다.

그래서 폰트크기를 조정하려고 했는데, 딱히 OnePress 사용자가 없어서 그런지 설명이 없어서 영문으로 검색해서 드디어 수정을 하였습니다.

수정하는 방법을 단계적으로 설명하였으니, 따라해 보시면 될 것 같습니다.

1. OnePress 테마 에디터 폰트 설정으로 이동

1) 메뉴>모양>테마 파일 편집기 선택

좌측 메뉴에서 모양을 선택하고 맨 아래의 테마 파일 편집기를 선택합니다.

2) 오른쪽 테마 파일 중에서 ‘editor-style.css‘ 선택

그러면 아래와 같이 테마 파일리스트가 오른쪽에 보여집니다.

그 중에서 ‘editor-style.css’ 파일을 선택합니다.

이 파일이 editor의 모양을 변경할 수 있게 하는 파일입니다.

2. OnePress 테마 에디터 폰트 설정 값 설명

‘editor-style.css’ 파일에서 34라인~40라인의 본문 폰트 설정 값을 수정합니다.

각 변수의 값이 어떻게 되는지 아래 설명을 보고 원하시는 값으로 변경하시면 됩니다.

• font-size px : 원하는 크기의 Pixel 값 입력
• font-size rem : 16px을 기본으로 상대적인 값을 입력. 예) 16px일 경우 1.0rem 임.
• color : 폰트 색상을 16진수로 입력해서 설정할 수 있음.

3. OnePress 테마 에디터 폰트 설정 값 수정하기 (예시)

기존 14px이고, 폰트 색상이 연한 그레이였습니다.

그래서 폰트 크기는 17px으로 변경하고, 색상은 블랙으로 변경하였습니다.

변경한 css 설정 예시 입니다. 참고하셔서 원하시는 설정으로 변경하시면 될 것 같습니다.

단, 이 css의 경우는 editor에 대한 부분으로 실제로 웹에 게시되는 폰트의 크기와는 무관합니다.

따라서 웹에 게시는되는 폰트의 크기와 맞추고 싶으시면, ‘style.css’파일의 폰트 설정값과 동일하게 하시면 됩니다.