오늘의 블로그 공부 팁 메모는 구글 블로그 꾸미기에서 본문 글의 행 간격 설정에 관한 내용입니다. 글 간격은 가독성에 영향을 미치는데 무엇보다도 가독성 부분에 신경이 쓰이는 부분이 있다면 글의 행 간격을 넓히는 것도 하나의 방법이겠습니다.
블로그 공부 관련 내용은 검색을 통해 알게 된 내용을 하나씩 정리하는 것이고 블로그 꾸미기에 있어서 경험하고 수정했던 내용을 기록하는 것입니다. 정확한 부분도 있고 그렇지 않은 부분도 있으니 참고용으로 읽어 보시면 됩니다.
구글 블로그 스팟 꾸미기 본문 글 간격 조절하는 방법 |
글 가독성을 위해 수정해야 할 부분
글 가독성을 위해 필히 수정해야 할 부분이 게시글의 간격이나 글자크기 조절이 하나의 방법이 되겠죠.최근에는 스마트폰 사용이 급격히 늘어남에 따라서 모바일에서 보여지는 화면도 중요하게 생각하는데요. 본문 글의 행 간격이 좁거나 글자크기가 너무 작으면 글을 읽는 사람들이 불편할 수있으니 꼭 가독성을 생각하면서 글을 작성해야 할 것 같습니다.
가독성 향상을 위해서는 다양한 방법이 있지만 가장 기본이 되는 부분이 글 간격이나 글자크기를 수정한것입니다. 구글 블로그 스팟을 만들고 하나씩 글을 작성할 때마다 많은 분들이 느끼는 것이 본문의 글이 너무 답답해 보여서 ' 어떻게 하면 글의 줄 간격을 조절할수 있을까? ' 하는 것입니다. 구글 블로그를 운영하다 보면 구글 블로그 꾸미기가 조금 어렵다는 생각이 드는게 사실이죠. 하나씩 배워가면 티스토리 블로그 만큼 블로그를 꾸밀 수 있다는 생각이 드네요.
구글 블로그 꾸미기 본문 글 간격 조절하는 방법
많은 분들이 포스팅 글의 가독성 부분을 중요시 하고 있습니다. 글을 읽는데 집중 될 수 있도록 본문 글 간격 ( 줄 간격 )에 신경을 써야 하는 부분이 있습니다. 글을 잘 쓰는 부분도 중요하지만 포스팅 게시물의 글씨 크기 및 글씨체, 그리고, 글 간격도 무시할 수 없는 부분이죠.
구글 블로그 스팟을 만들고 본문 게시글의 행 간격이 너무 좁아서 간격 설정하는 방법을 찾아 보니 다양한 방법이 있었습니다. 그중에 많은 분들이 사용하는 방법 두 가지를 설명 드릴게요.저와 같은 초보자의 입장에서 설명 드립니다. 어려운 점 없으니 그냥 따라 하시면 될 것 같습니다.
HTML 화면에서 설정하는 방법
- 블로그홈 → 테마 → HTML 편집
- 찾기 (Ctrl + F) post-body
- line-height 값을 변경
저는 기본 테마가 아니고 외부 유료 테마를 다운 받아 설치했습니다. 기본 테마와 조금 다른 부분은 있습니다.저의 경우에는 .item post .post-body 아래 부분 font-size를 16px 로 바꾸고 line-height를 2.0으로 설정하니 본문 글의 행 간격이 넓어지는 결과를 얻을 수 있었네요.기본적인 무료테마는 위의 설정 방법대로 쉽게 바꿀수 있습니다.
HTML 편집 화면 기존 글자 크기 및 글 간격 사이즈 |
위의 기존 글자 크기 및 글 간격 사이즈 미리 보기 화면 |
다음은 .item post .post-body 아래 부분 font-size를 16px 로 바꾸고 line-height를 2.0으로 설정하고 바뀐 결과물입니다.본문 글의 간격이 조금 넓어진 것을 확인 할 수 있습니다. 이외에 또 다른 방법이 있습니다. CSS에 추가하는 방법입니다.
글자 크기 16px로 line heigt 2.0으로 설정 |
글자 크기 및 글 간격 바뀐 결과물 |
CSS에 태그 추가 하는 방법
- 테마 > 맞춤 설정 > 고급 메뉴 > CSS 추가 하는 방법입니다. 아래 태그를 CSS 추가란에 넣고 저장합니다.
.article .article-content {
line-height: 2.0;
}
.article {
font-size: 16px;
}
CSS 추가 란에 위의 코드를 넣고 저장하기 |
구글 블로그 꾸미기 글을 마무리 하며
요즘 스마트폰 모바일로 검색해서 보는 사람들이 많습니다. 블로그 유입을 보면 대부분 모바일 유입이 많은 경우를 경험했을 거에요. 작은 글씨는 스마트폰으로 볼 때 답답함을 느낄 수 있죠.따라서, 포스팅 글을 작성할 때 글씨체, 글씨 크기, 글 간격을 조절해서 가독성을 높이면 읽는 사람들이 편안히 글을 읽을 수 있을 것입니다. 오늘은 구글 블로그 스팟을 만들고 블로그 공부를 하면서 알게 된 본문 글의 크기 조절 및 글 간격 ( 줄 간격 )에 대해 기록해 둡니다. 참고하세요.
댓글 쓰기