나만의 머릿말 설정으로 포스팅을 더 간편하게 하자

글쓰기에 들어가면 본문이라는 글자를 클릭해보면 말머리1, 말머리2, 말머리3, 말머리4 까지 선택할수가 있습니다.

말머리1이 가장 큰 글자입니다.

단축키로도 설정이 가능합니다 말머리3을 저는 주로 사용하는데 말머리3 의 단축키는 CtrlL+3  입니다.

말머리가 적용된 글자는 편집창에서는 스타일이 적용되지 않지만 실제로 포스트를 발행한후 확인해보면 스타일이 적용되어진 모습을 볼수가 있습니다.

fastboot 스킨에서는 위 이미지가 기본 말머리 스타일입니다.

이렇게 말머리를 사용하면 보다 편리하게 포스팅이 가능하겠지요.

하지만 말머리 스타일이 본인 취향이 아닐때 어떻게 변경하는지 알아보도록 하겠습니다.

취향이 다 다르겠지만 위와같이 말머리가 나오도록 해보겠습니다.

현재 제 블로그 말머리 스타일입니다.

그럼 어떻게 하면 되는지 잘 따라오세요.

블로그 관리자 메뉴에서 스킨편집 클릭 HTML 편집 클릭 여기까지는 이제 쉽게 따라오실줄 믿습니다.

이제 CCS 텝으로 이동하세요.

그리고 나서  찾기의 단축키인  Ctrl+F  를 눌러서 "article h1" 이라는 글자로 검색하세요.

그러면 아래와 같이 나옵니다.

저기 위에 빨간 네모박스부분을 제가 밑에 올린 소스 내용으로 바꾸시면 됩니다.

잠깐 ~~ 여기서 소스를 백업하는것을 잊지마세요.

실수로 잘못 건드릴수도 있으니 소스를 꼭 백업하세요.

머릿말.txt

텍스트 내용은 아래와 같습니다.

.article h1, .article h2 , .article h3, .article h4, .article h5, .article h6 { 
font-size: 24px;  
margin: 25px 0 10px; /* 여백 설정 */ 
line-height: 1.6; /* 줄 간격 */ 
border-radius: 6px; /* 모서리 둥글게 */ 
background-color:#DBE8FB; /* 배경색 */ 
border-bottom: 1px solid #4674D9;
border-bottom: 1px solid #4674D9; 
border-top: 1px solid #4674D9; 
border-right: 1px solid #4674D9; 
border-left: 1px solid #4674D9; 
text-align:center; /* 폰트 정렬 */  
text-height:200%;
padding: 1px 13px; 
margin: 5px 0;
letter-spacing: 1px;
word-spacing: 3px;
color:#4674D9; /* 폰트 색 */  

잘 보시면 주석이 달려있습니다. 자신의 취향에 맞게 수정하셔서 사용하세요. 끝입니다. 따라오시느라 수고하셨습니다. 궁금한거 있으시면 댓글달아주세요. 언제든지 환영합니다.

제 글이 도움이 되셨다면  "공감 (♡)" 한번씩 클릭해주시고 응원의 댓글들도 남겨주세요.