오늘의 블로그 공부 팁 메모는 구글 블로그 꾸미기에서 본문 글의 행 간격 설정에 관한 내용입니다. 글 간격은 가독성에 영향을 미치는데 무엇보다도 가독성 부분에 신경이 쓰이는 부분이 있다면 글의 행 간격을 넓히는 것도 하나의 방법이겠습니다.

블로그 공부 관련 내용은 검색을 통해 알게 된 내용을 하나씩 정리하는 것이고 블로그 꾸미기에 있어서 경험하고 수정했던 내용을 기록하는 것입니다. 정확한 부분도 있고 그렇지 않은 부분도 있으니 참고용으로 읽어 보시면 됩니다.

본문 글 간격 조절하는 방법
구글 블로그 스팟 꾸미기 본문 글 간격 조절하는 방법

글 가독성을 위해 수정해야 할 부분

 글 가독성을 위해 필히 수정해야 할 부분이 게시글의 간격이나 글자크기 조절이 하나의 방법이 되겠죠.최근에는 스마트폰 사용이 급격히 늘어남에 따라서 모바일에서 보여지는 화면도 중요하게 생각하는데요. 본문 글의 행 간격이 좁거나 글자크기가 너무 작으면 글을 읽는 사람들이 불편할 수있으니 꼭 가독성을 생각하면서 글을 작성해야 할 것 같습니다. 

가독성 향상을 위해서는 다양한 방법이 있지만 가장 기본이 되는 부분이 글 간격이나 글자크기를 수정한것입니다. 구글 블로그 스팟을 만들고 하나씩 글을 작성할 때마다 많은 분들이 느끼는 것이 본문의 글이 너무 답답해 보여서 ' 어떻게 하면 글의 줄 간격을 조절할수 있을까? ' 하는 것입니다. 구글 블로그를 운영하다 보면 구글 블로그 꾸미기가 조금 어렵다는 생각이 드는게 사실이죠. 하나씩 배워가면 티스토리 블로그 만큼 블로그를 꾸밀 수 있다는 생각이 드네요.

구글 블로그 꾸미기 본문 글 간격 조절하는 방법

 많은 분들이 포스팅 글의 가독성 부분을 중요시 하고 있습니다. 글을 읽는데 집중 될 수 있도록 본문 글 간격 ( 줄 간격 )에 신경을 써야 하는 부분이 있습니다. 글을 잘 쓰는 부분도 중요하지만 포스팅 게시물의 글씨 크기 및 글씨체, 그리고, 글 간격도 무시할 수 없는 부분이죠.

구글 블로그 스팟을 만들고 본문 게시글의 행 간격이 너무 좁아서 간격 설정하는 방법을 찾아 보니 다양한 방법이 있었습니다. 그중에 많은 분들이 사용하는 방법 두 가지를 설명 드릴게요.저와 같은 초보자의 입장에서 설명 드립니다. 어려운 점 없으니 그냥 따라 하시면 될 것 같습니다. 

HTML 화면에서 설정하는 방법

  1. 블로그홈 → 테마 → HTML 편집
  2. 찾기 (Ctrl + F) post-body
  3. 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에 태그 추가 하는 방법 

  1. 테마 > 맞춤 설정 > 고급 메뉴 > CSS 추가 하는 방법입니다. 아래 태그를 CSS 추가란에 넣고 저장합니다.

.article .article-content { 
   line-height: 2.0;
}
.article { 
   font-size: 16px;
}

본문 글 간격 넓히는 방법
CSS 추가 란에 위의 코드를 넣고 저장하기

구글 블로그 꾸미기 글을 마무리 하며

 요즘 스마트폰 모바일로 검색해서 보는 사람들이 많습니다. 블로그 유입을 보면 대부분 모바일 유입이 많은 경우를 경험했을 거에요. 작은 글씨는 스마트폰으로 볼 때 답답함을 느낄 수 있죠.따라서, 포스팅 글을 작성할 때 글씨체, 글씨 크기, 글 간격을 조절해서 가독성을 높이면 읽는 사람들이 편안히 글을 읽을 수 있을 것입니다. 오늘은 구글 블로그 스팟을 만들고 블로그 공부를 하면서 알게 된 본문 글의 크기 조절 및 글 간격 ( 줄 간격 )에 대해 기록해 둡니다. 참고하세요.

Post a Comment

다음 이전