워드프레스를 만드셨다면 제일 먼저 고민이 드는 것이 테마 일 것입니다. 테마는 보통 아스트라를 많이 사용하시는데 블로그 운영에 있어 원프레스도 좋은 거 같습니다. 그리고 이 원프레스에서 글자 크기를 조절하는 방법에 대해 포스팅하려고 합니다.
원프레스 글자크기 지정 방법
글자 크기를 조절하기 위해서는 CSS 코드를 몇가지 추가를 해줘야 합니다. 그 과정을 하기 위해 먼저 원프레스 테마를 설치 해 줍니다.
원프레스 테마 설치하기
먼저 워드프레스에서 원프레스 테마를 설치 해 줍니다. 테마 설치 방법은 매우 간단합니다.
외모 -> 테마 -> 새로추가 에서 ‘one press’를 검색하셔서 설치를 해주고 활성화를 합니다.
원프레스 CSS 편집 들어가기
원프레스 사용자 정의에 들어가서 CSS 추가 편집에 들어갑니다.
추가 CSS 편집으로 글자 크기 조절
추가 CSS 편집 창에 하기와 같이 코드를 넣어 줍니다. 티스토리에서 CSS 편집으로 글자크기를 조절 해봤던 분들은 익숙한 코드 일것입니다.
- ‘p’는 본문의 글자를 나타냅니다.
- ‘ul’은 목록의 글자를 나타냅니다.
- h태그는 제목을 나타냅니다.(소제목)
위와 같이 본문 글자 크기를 크게 만든다면 워드프레스 첫 페이지에 나오는 글들이 약간 크기가 안맞는 것처럼 보입니다. 글자 크기를 크게 만들었다면 볼 수 있는 증상인데 이 부분을 조절하는 코드가 있습니다.
이런식으로 사진과 글의 단차가 생깁니다. 이를 사진의 크기에 맟게 글의 문단을 조절하는 방법이 있습니다.
위와 같은 순서로 클릭을 해주시고 ‘Theme Functions’에 맨 밑에 하기의 코드를 추가 해줍니다.
function custom_excerpt_length ($length){
return 20;
}
add_filter(‘excerpt_length’, ‘custom_excerpt_length’, 999);
여기서 ‘return 20;’ 이부분의 숫자를 줄여 주시면 됩니다. 저는 10으로 바꾸어 주었습니다. 그렇게 하면 하기와 같이 나옵니다.
본문 글자의 크기를 얼마로 했는지에 따라 변경하는 숫자가 달라지므로 변경하면서 확인 작업을 해보시기 바랍니다.
지금까지 CSS 코드를 추가해서 글자의 크기를 정하는 방법에 대해 알아보았습니다. 방법은 그렇게 어려운 것은 없습니다. 제가 알기로는 다른 테마들도 할 수 있는 것으로 알고 있는데, 한번 시도해 보시기 바랍니다.
이전까지 글자 크기를 일일이 문단마다 지정을 해주어서 불편했었는데 원프레스 테마의 글자 크기를 이렇게 정할 수 있어서 매우 편합니다.
그리고, 위와 같이 적용을 할 경우에 글을 작성할 때에는 적용이 안되고, 글을 발행했을 때에 적용이 됩니다. 아니면 ‘미리보기’ 기능으로 글을 보시면 적용이 되어 있는 것을 볼 수 있습니다.