티스토리 머리말 적용방법 및 색상 변경하기

티스토리 운영에 있어서 가독성을 좋게 하기 위한 방법으로 추천할 만한 방법은 티스토리 머리말을 적용하는 부분이다.

네이버나 다음 구글의 검색 엔진에 더욱 잘 걸리기 위한 방법에 속하기도 하며 요즘에는 깔끔하게 정돈된 블로거들을

상위로 띄워주는 형태를 띄기도 하는것 같다

그래서 티스토리 머리말 적용하는 방법에 대해 알아보자

티스토리 글쓰기를 누르면 상단에 글쓰기 메뉴 상단에서 머리말 에서 설정이 가능하다

좌측 상단에 머리말을 열었을때 화면이다 단축키로도 머리말 적용이 가능하니 매번 클릭하는데 불편하다면

단축키를 외워서 사용하는 것도 가능하다고 볼 수 있다. 머리말은 1,2,3,4로 나뉘어져 있는데 적용하는

것에 따라서 폰트 크기가 달라진다 대체적으로 폰트가 큰편에 속하고 머리말 4가 그나마 좀 적은편에

속한다

본인 블로그가 폰트가 11 정도로 맞춰져 있음을 감안할때 머리말 4 정도는 본문에 쓰기에 적절한것 같다.

기본적으로는 검은색에 회색줄로 되어 있다 본인은 머리말 2를 적용하여 미리 보기를 해보았다

티스토리 머리말을 쓰게 되면 가독성을 좋게 하는 효과가 있어서 보기 좋은데 혹시라도 본인의 취향에 따라서

불편하다면 쓰지 않아도 괜찮다. 다만 좀 더 블로그를 이쁘게 꾸미고자 한다면 사용을 권장할만 하다.

이 정도 크기이면 어느정도 적절한 사이즈에 속하는것 같다 그 다음관리자 메뉴에서

html/css 편집 메뉴를 클릭한다

css 탭으로 이동하여 ctrl+F 를 이용하여 article h3 을 검색하도록 한다

내 블로그 같은 경우에는 구글이나 네이버 웹마스터 도구 사이트 등록 인증으로 head 섹션에

내용이 추가 되어 있어서 행번호 약 802번 정도에서 이 내용을 확인할수가 있었다.

혹시라도 ctrl+F 를 통해 article 검색을 해도 뜨지 않을때에는 약 800번대에 있는 내용을

보다보면 어느순간에 어렵지 않게 발견할수가 있다.

border-bottom: 2px solid #ccc; -> 밑줄의 굵기를 조절한다

border-left:10px solid #55555B; --> 왼쪽 직사각형의 색상과 굵기 조절

참고할만한 티스토리 블로그 글자색상 컬러코드이다

#01DF3A 초록색

#FF00FF 핑크색

#58FAF4 하늘색

#D0FA58 형광색

#FF4000 갈색

밑줄의 굵기와 왼쪽 직사각형의 색상 굵기를 조절하면 좀 더 완성도 높은 머리말 적용이 가능해진다

신명나게 살아봅세