티스토리 블로그 머리말 디자인 바꾸는 방법

티스토리 블로그를 통해 글을 쓰다보면, 

조금 더 깔끔하고 정리된 느낌을 들게 하기 위해서 

머리말을 활용하는 경우가 있습니다. 

그런데, 이 머리말의 디자인은 스킨 별로 다르게 적용되고, 

관리자 설정에서 변경할 수가 없다는 한계가 있습니다. 

머리말 디자인 바꾸는 방법

내가 원하는 디자인 대로 머리말의 색과 굵기를 바꾸고 싶을 땐 어떻게 해야 할까요? 

이번 포스팅에서는 머리말의 디자인을 바꾸는 방법에 대해서 알아보도록 하겠습니다.

단, 몇 번의 클릭만으로도 아주 쉽게 바꿀 수 있으니, 천천히 따라오시면 됩니다.

위 이미지는 머리말2를 적용해서 글의 소제목을 달아본 모습입니다. 

Fastboot 스킨에서는 회색으로 옅게 줄이 그어져 있을 텐데 밝은 하늘색으로 바꿔보았습니다.

방법은 아주 간단합니다.

먼저, 관리자 모드로 들어가신 후, 

HTML/CSS 편집을 누릅니다.

CSS로 들어가서 Ctrl + F를 눌러서

article h1이라고 검색을 해줍니다.

그러면 밑에 

border-bottom: 2px solid #aaa;

border-left: 12px solid #aaa; 

이런 식의 코드가 적혀 있을 것입니다.

border-bottom이 밑줄을 뜻하고, 

2px는 굵기를 조절하는 부분입니다. 

solid #aaa; 는 밑줄의 색을 바꿀 수 있는 부분에 해당합니다.

border-left는 왼쪽 줄을 뜻합니다. 

12px도 마찬가지로 굵기를 나타내고

solid #aaa;는 왼쪽 선의 색을 변경할 수 있는 부분입니다.

색상 코드를 모르시는 분이라면,

네이버의 색상 코드에서 자신이 원하는 색을 고르셔서

넣으시면 되겠습니다.

▶ 네이버의 색상 코드 : 네이버 색상 코드 바로가기

 

이제 머리말을 내 입맛에 맛게 디자인을 바꿔보도록 합시다!

도움이 되셨다면, 로그인 없이 가능한

아래 하트♥ 공감버튼 을꾸~욱 눌러주세요!