워드프레스에는 수없이 많은 다양한 테마를 설치할 수 있습니다. 저의 경우 OnePress 테마를 설치하여 블로그를 운영중인데요. 아주 간단한 작업으로 폰트 사이즈를 수정하는 방법에 대해 알아보도록 하겠습니다.
OnePress 테마의 폰트를 변경하고자 하는 이유
워드프레스를 시작한지 1주일 정도가 지났습니다. 워드프레스를 시작하고 보니 소소하게 이것저것 꾸미는 재미가 생각보다 너무 재미있다는 생각이 듭니다. 워드프레스는 자유도가 높은 플랫폼인 만큼 사용자가 적절하게 커스텀 하지 않으면 마음에 안드는 부분들이 많이 있을 수 있습니다. 지금 보고 계시는 이 페이지 또한 나름대로 여러분 수정과 수정을 통해 완성된 작품입니다.
지금까지 글을 쓰고 게시를 하면서 살펴본 OnePress 테마는 가볍기는 하지만 폰트의 사이즈가 가장 마음에 들지 않았습니다. 주로 제목에 들어가는 H테그는 폰트 사이즈가 너무 크고 본문에 들어가는 폰트 역시 너무 커서 제 기준에서는 가독성이 별로 좋지 않다는 생각이 들었습니다. 나이가 있는 어르신들을 위해서라도 폰트가 크면 좋다고는 하지만 일단 제 눈에 봤을 때 예뻐야 지속할 수 있겠다 싶어서 폰트 사이즈를 조절해야겠다는 생각이 들어서 결국 수정하게 되었습니다.
현 페이지에서 사용중인 OnePress 테마 폰트 사이즈
혹시 저와 같은 사이즈로 설정하고자 하시는 분들이라면 아래 CSS코드를 그대로 복사해서 붙이시면 됩니다. 제가 설정한 폰트 사이즈의 크기는 다음과 같습니다.
- H2 폰트 사이즈 – 24px
- H3 폰트 사이즈 – 22px
- H4 폰트 사이즈 – 20px
- 본문 폰트 사이즈 – 18px
H1 테그는 어차피 제목으로 사용중이니 굳이 건드릴 필요가 없다고 생각하였습니다. 반면 헤딩(제목)으로 사용하는 H2 이하 테그부터는 제가 직접적으로 사용하는 부분이기 때문에 기호에 맞게 사용하였습니다. 설정값은 위와 같이 설정하였습니다.
OnePress 테마 폰트 사이즈 수정 방법
폰트 사이즈를 수정하는 방법은 아주 간단합니다. HTML을 조금 추가해 주면 되는데요. 여기까지만 듣고나면 어려울 것이라 생각하지만 저같은 컴퓨터 왕초보도 성공하였기 때문에 걱정하지 말고 따라해보시면 될 것 같습니다.
첫번째로 워드프레스 메뉴판에 있는 ‘외모’ 하위 목록에 있는 ‘추가 CSS’를 클릭하여 줍니다. 클릭하고 나면 아래 사진과 같은 화면을 보실 수 있을텐데요. 만약 ‘추가 CSS’를 선택하였음에도 불구하고 아래 그림처럼 나오지 않는다면 외모 -> OnePress 테마 -> 사용자 정의하기 시작하기 -> 추가 CSS 를 선택해도 똑같은 화면으로 들어가실 수 있습니다.
이제 이 부분에 몇가지 작성을 해 보겠습니다. 직접 타이핑하실 필요는 없고요. 아래 코드를 그대로 복사하여 붙여넣기 하셔도 됩니다. 하지만, 붙여넣기 하기 전에 알아두셔야 할 점은 저와 같은 세팅으로 바뀐다는 것을 명심하시기 바랍니다.
ul { font-size: 18px; color: #000000; } h2 { font-size: 24px } h3 { font-size: 22px } h4 { font-size: 20px }
추가로 참고할 점
위와 같은 방법을 통해 간단하게 워드프레스의 폰트 사이즈를 조절할 수 있는데요. 폰트의 색상 또한 조정이 가능합니다. 위 코드 중에 #000000 으로 되어 있는 부분은 오류가 난것이 아니라 RGB 색상표에서 말하는 검정 색상을 나타냅니다. 폰트의 색상 또한 조절이 가능한데요. 만약 완전한 블랙 색상이 싫으신 분들이라면 아래 링크로 첨부한 RBG 색상표에서 색상을 선택한 후 나온 코드를 대신하여 삽입해주시면 됩니다.
RGB 색상표를 통해 나에게 맞는 색상 찾기
마치며
지금까지 워드프레스 테마 중 OnePress 테마에서 폰트 사이즈를 조절하는 방법에 대해 알아보았습니다. 제가 사용하는 테마가 OnePress라 제목을 그렇게 붙이긴 했지만 사실 큰 틀에서는 비슷하게 수정이 가능할 것이라 생각합니다. 저처럼 글자가 너무 커서 혹은 마음에 들지 않아서 내 입맛대로 수정하고자 하시는 분들께 도움이 되었으면 좋겠습니다. 끝.