보기좋은 블로그 글쓰기 : 본문폭 줄이기

글,사진 ｜ 미뇩사마

요즘은 블로그에 포스팅을 하나 하더라도 최대한 깔끔하고 보기 편하게 작성을 할려고 노력아닌 노력을 하고 있다. - 그 노력이 내 글을 읽는 사람들도 느꼈으면 좋으련만 - 그 노력 중 하나가 바로 본문폭의 사이즈를 줄이는 것이다. 현재 내 블로그의 본문폭은 745px로 설정되어 있는데 이 전체폭 사이즈로 글이 작성되면 너무 꽉차보여 글 읽기가 쉽지 않을꺼같다는 생각이 들었다. (포스팅된 글을 읽기도 전에 질려버리는 사태가;;;)

그래서 난 본문글의 경우 "표"를 삽입해 폭을 줄이고, 좌/우의 여백을 많이줬다. 이렇게 하면 별다른 수정없이도 손쉽게 본문폭을 줄일 수 있을뿐더러 글을 적게써도 많아보이는 효과를 가져다 준다. ☜ 이것때문에 본문폭을 줄인건 절대 아니다. 방법은 간단하며 아래와 같이 따라하면 된다. - 하지만 정작 이렇게 노력을 해도 이건 웹화면에만 적용이 된다는게 문제다. 대부분의 검색유입은 모바일을 통해 이뤄지는데;;; 그건 좀 더 생각해봐야겠다. -

위 화면이 바로 본문의 폭을 줄여서 작성된 포스팅인데 어떤가? 좀더 여백의 미(?)가 느껴지는게 답답하지않고 시원시원한 느낌이지 않은가? 아닌가? 나만 그렇게 느끼는건가? 아무튼...▲ 

방법은 울트라초간단하다. 본문글을 작성하기 전에 표삽입 버튼을 눌러 표 한칸을 만들어주고 그 안에 본문글을 작성해주면 된다. 이때 표가 가운데 정렬이 되어있지 않기 때문에 이건 HTML 편집에서 간단하게 문구하나만 추가해주면 된다. 동일하게 표의 넓이도 HTML편집에서 변경이 가능하다. 아래 화면에서와 같이 노란색으로 표시한 부분을 추가/수정해주면 된다. 그리고 마지막으로 위 화면의 표 편집메뉴에서 표 테두리 없음을 선택하여 테두리선을 날려주면 끝이다. DONE!!

<p><div align="center"><table class="txc-table" width="709" cellspacing="0" cellpadding="0" border="0" style="border:none;border-collapse:collapse;;font-family:Dotum, 돋움;font-size:12px"><tbody><tr><td style="width:709;height:24;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;;"><p>&nbsp;</p></td>

</tr>

</tbody></table></div></p>

※ '16년 8/7일자 수정

티스토리 모바일 웹화면 개편으로 인해 위와 같은 방법으로 작성 시 모바일 상에서 글이 한화면에 모두 표시가 안되는 현상이 발생한다. 그래서 위 방법으로 작성된 글을 지금 다시 수정하고 있다. 망할;;; 다른 분들도 표를 이용하여 글을 작성하는건 그만두시길 바랍니다.