블로그스팟에서 글을 쓰다 보면 "폰트 크기나 줄간격이 좀 더 편했으면 좋겠다"는 생각, 한 번쯤 해보셨죠? 간단한 설정으로 본문을 내 맘대로 조절할 수 있어요. 초보자도 쉽게 따라 할 수 있는 방법을 알려드릴게요. 함께 블로그를 더 예쁘게 만들어 볼까요?
왜 폰트 크기와 줄간격을 조절하면 좋을까요?
블로그를 읽기 편하게 만들고 싶을 때, 본문의 폰트 크기와 줄간격은 정말 중요한 역할을 해요. "글자가 너무 작아서 눈이 아프다"거나 "줄이 붙어서 답답하다"는 독자들의 마음을 헤아릴 수 있죠. 이걸 조절하면 블로그가 훨씬 깔끔하고 읽기 좋아진답니다. 제가 해보니 독자 반응도 달라지더라고요!
1. CSS로 전체 본문 스타일 설정하기
블로그 전체에 일관된 스타일을 적용하고 싶다면 CSS를 활용하는 방법이 최고예요. 조금 손이 가지만 한 번 설정하면 끝이랍니다.
| 단계 | 설명 |
|---|---|
| 1 | 블로그 대시보드에서 "테마 → HTML 편집"으로 이동합니다. |
| 2 | Ctrl+F로 <style> 태그를 찾으세요. 없으면 <head> 바로 아래에 <style></style>를 추가합니다. |
| 3 | <style> 태그 안에 다음 코드를 입력합니다:
.post-body {
font-size: 18px;
line-height: 1.6;
}
|
| 4 | 변경사항을 저장하고 블로그를 새로고침해 확인하세요. |
font-size로 글자 크기를, line-height로 줄간격을 조절할 수 있어요. 예를 들어, 18px와 1.6은 읽기 편한 기본값이지만, 원하는 대로 바꿔 보세요!
2. 테마 맞춤 설정으로 간편하게 조절하기
HTML이 낯설다면 테마 맞춤 설정으로도 충분히 가능해요. 클릭 몇 번으로 끝나는 쉬운 방법이에요.
| 단계 | 설명 |
|---|---|
| 1 | 블로그 대시보드에서 "테마 → 맞춤 설정"을 클릭합니다. |
| 2 | "고급 → CSS 추가"를 선택하세요. |
| 3 | 다음 코드를 입력합니다:
.article-content.entry-content {
font-size: 18px;
line-height: 2.0;
}
|
| 4 | "블로그에 적용" 버튼을 눌러 저장합니다. |
이 방법은 테마에 따라 클래스 이름이 다를 수 있으니, 안 되면 .post-body로 바꿔서 시도해 보세요. 간단해서 금방 익숙해질 거예요!
3. 고급 설정 메뉴로 폰트 크기 조정하기
코딩 없이 설정만으로 바꾸고 싶다면 고급 설정 메뉴를 활용할 수도 있어요. 최대 20px까지 가능하답니다.
| 단계 | 설명 |
|---|---|
| 1 | 블로그 대시보드에서 "테마 → 맞춤 설정 → 고급"으로 갑니다. |
| 2 | 목록 상자에서 "Post Styles"를 선택하세요. |
| 3 | "Post Page Text Font Size"를 찾아 스크롤로 최대 20px까지 설정합니다. |
| 4 | 변경사항을 저장하면 바로 적용돼요. |
이 방법은 줄간격은 못 바꾸지만, 폰트 크기만 간단히 조절하고 싶을 때 유용해요.
4. 개별 포스트에 스타일 적용하기
특정 포스트만 다르게 꾸미고 싶다면 개별 설정도 가능해요. 글마다 느낌을 살릴 수 있죠.
| 단계 | 설명 |
|---|---|
| 1 | 포스트 작성 화면에서 스타일을 바꾸고 싶은 본문 부분을 선택합니다. |
| 2 | 상단 도구 모음에서 "글꼴 크기" 아이콘(보통 "A" 옆에 숫자가 표시된 버튼)을 클릭해 원하는 크기를 고릅니다. |
| 3 | 더 세밀하게 조절하려면 작성 화면 오른쪽 상단의 "HTML 보기"로 전환한 뒤, 바꾸고 싶은 부분에 다음 코드를 추가하세요:
원하는 단어에 <strong>"HTML 보기"</strong>을 넣으세요.
|
| 4 | 작성 완료 후 "게시" 또는 "업데이트"를 누르면 해당 포스트에만 스타일이 반영됩니다. |
이 방법은 특정 글이 돋보이게 하고 싶을 때 유용해요. HTML 모드가 처음이라면 살짝 낯설 수 있지만, 한 번 해보면 금방 익숙해질 거예요!
꿀팁: 읽기 편한 값 찾기
폰트 크기는 16~20px, 줄간격은 1.5~2.0 사이가 읽기 편해요. 몇 번 테스트해 보면 내 블로그에 딱 맞는 값을 찾을 수 있답니다!
나에게 맞는 방법 고르기
전체를 일관되게 바꾸고 싶다면 CSS 설정이, 간단히 하고 싶다면 테마 맞춤 설정이나 고급 설정이 좋아요. 특정 포스트만 다르게 하고 싶을 땐 개별 설정을 활용하세요. 처음엔 낯설어도 하다 보면 "이렇게 쉬울 수가!"라는 생각이 드실 거예요.
자주 묻는 질문 (FAQ)
-
Q: CSS가 안 먹히면 어떻게 하나요?
A: 테마마다 클래스 이름이 다를 수 있어요.
.post-body가 안 되면.entry-content나 요소 검사로 정확한 클래스를 찾아보세요. 금방 해결돼요! -
Q: 줄간격만 바꿀 수 있나요?
A: 네, 가능해요! CSS에서
line-height만 조절하면 돼요. 예를 들어line-height: 1.8;만 써도 줄간격만 바뀌니 원하는 대로 테스트해 보세요! -
Q: 모바일에서도 똑같이 보이나요?
A: 네, CSS는 모바일에도 적용돼요. 다만, 작은 화면에선 너무 큰 폰트가 어색할 수 있으니 모바일 미리보기로 확인하며 조정하면 완벽할 거예요!
블로그를 더 읽기 좋게
블로그스팟에서 본문 폰트 크기와 줄간격을 CSS, 테마 설정, 개별 조절로 쉽게 바꿀 수 있어요. 이 글을 따라 나만의 스타일을 찾아보세요. 독자들이 더 편하게 읽는 블로그로 거듭나는 기쁨을 느껴보실 거예요!
