티스토리에 글을 올릴 때 Windows Live Writer의 가장 큰 장점이 티스토리의 스킨을 그대로 사용을 할 수 있다는 것이지요.. 따라서 티스토리에 글을 올릴 때는 티스토리의 자체 에디터가 아닌 Windows Live Writer를 사용을 해서 올리곤 합니다. 그런데 이상하게도 다른 스킨 정보들은 다 잘 먹는데 유독 제목을 표시하는 공간만은 제대로 먹지 않는 경우가 생깁니다.. 그래서 제목이 작게 표시되는 경우가 생기는데요... 임의로 Windows Live Writer의 스킨을 편집해서 제목의 글씨 크기와 색깔, 글씨체를 변경해 줄 수 있습니다. 다만 bold는 적용이 안 되는군요...
Windows Live Writer로 글을 쓰려고 하면 위와 같이 제목 부분만 스킨이 제대로 안 먹어서 작게 나오는 경우가 있습니다. 저런 때는 글씨 자체가 잘 안 보여서 제목을 제대로 입력을 했는지 확인을 하기도 어려운 경우가 생기지요... 이런 때는 Windows Live Writer의 스킨을 편집을 해서 글씨 크기를 임의로 조절을 해 줄 수가 있습니다...
먼저 제목 상자에 마우스 커서를 대고 클릭을 합니다. 그러면 보시는 바와 같이 상단에 제목 부분에 적용 되어 있는 글씨체와 글씨 크기가 표시가 됩니다.. 일단 글씨체와 크기를 기억해 놓습니다.
다음은 아래의 파일을 텍스트 편집기로 열어줍니다. 저는 제가 주로 사용하는 EditPlus를 사용을 했습니다.
C:\Users\사용자 계정\AppData\Roaming\Windows Live Writer\blogtemplates\숫자로된 폴더\index.htm
위의 정보는 Windows 7을 중심으로 한 정보인데 XP의 경우는 경로가 좀 다를 수도 있을 것 같습니다. 어쨋든 Windows Live Writer의 데이타 파일을 저장하는 경로에서 index.htm 파일을 편집기로 불러옵니다.
다음은 편집기에서 제목 표시줄에 사용이 된 폰트의 이름을 검색을 합니다.
.another_category th, .another_category td { padding: 0 0 4px !important; }
.another_category th { text-align: left; font-size: 12px !important; font-weight: normal; word-break: break-all; overflow: hidden; line-height: 1.5; }
.another_category td { text-align: right; width: 70px; font-size: 11px; }
.another_category th a { font-weight: bold; text-decoration: none; border: none !important; }
.another_category th a.current{ font-weight: bold; text-decoration: none !important; border-bottom: 1px solid !important; }
.another_category th span { font-weight: normal; text-decoration: none; font: 10px NanumGothic, Tahoma, Sans-serif; border: none !important; }
그러면 위와 같이 폰트의 이름이 검색이 됩니다.
.another_category th span { font-weight: normal; text-decoration: none; font: 10px Tahoma, Sans-serif; border: none !important; }
그 중에서 위의 정보를 편집해 주시면 되겠습니다. 원하시는대로 정보를 편집해주세요..
.another_category th span { font-weight: normal; font: 15px NanumGothic, Tahoma, Sans-serif; text-decoration: none; border: none !important; }
저는 폰트 크기를 15px로 키웠고, 폰트는 나눔고딕체로 바꾸어 주었습니다. 그런데 여기에서는 폰트의 글씨 색깔을 바꿀 수는 없었습니다.. 폰트의 글씨 색은 다른 곳에서 바꾸어 주어야 하더군요..
<LINK title="RSD" rel="EditURI" type="application/rsd+xml" href="http://yyht.tistory.com/api?rsd"><LINK rel="stylesheet" type="text/css" href="file:///C:/Users/Administrator/AppData/Roaming/Windows Live Writer/blogtemplates/9511dd43-48ee-46aa-bf1a-538c545713c8/c759c1b1-add5-4a9a-909c-b7a87d4d9325/menubar.css"></HEAD>
<BODY>
<DIV id="wrapMid">
<DIV class="mRight">
<DIV id="container">
<DIV id="wrapContent">
<DIV id="BoardContent">
<DIV id="content">
<DIV class="entry">
<DIV class="article"><SPAN id="fontsize">
<DIV class="another_category another_category_color_gray">
<TABLE>
<TBODY>
<TR>
<TH><A class="current" href="http://yyht.tistory.com/">{post-title}</A></TH></TR></TBODY></TABLE></DIV>{post-body}</SPAN></DIV></DIV></DIV></DIV></DIV></DIV></DIV></DIV></BODY></HTML>
index.htm 파일의 제일 아래로 내려갑니다. 그러면 다음과 같은 부분이 있는데, 이 중에서 {post-title} 부분이 제목이 들어갈 부분입니다.. 그 바로 위의 div 태그의 클래스가 무엇인지를 확인 합니다.. 제의 경우는 another_category_color_gray 로군요.. 이 클래스가 정의된 곳을 찾아갑니다.
.another_category_color_gray, .another_category_color_gray h4 { border-color: #E5E5E5 !important; }
.another_category_color_gray * {color: #909090 !important;}
.another_category_color_gray th a.current{border-color:#909090 !important;}
.another_category_color_gray h4, .another_category_color_gray h4 a { color: #737373 !important;}
위와 같이 나오네요... 위의 정보 중에서 선택된 곳의 칼라 값을 바꾸어주도록 합니다.
.another_category_color_gray, .another_category_color_gray h4 { border-color: #E5E5E5 !important; }
.another_category_color_gray * {color: #000000 !important;}
.another_category_color_gray th a.current{border-color:#909090 !important;}
.another_category_color_gray h4, .another_category_color_gray h4 a { color: #737373 !important;}
저는 #000000 으로 바꾸었습니다.. 이 색깔은 검은 색입니다... 그러면 편집된 index.htm 파일을 저장합니다..
그리고 Windows Live Writer를 다시 띄워보도록 합니다.
그러면 다음과 같이 글씨의 크기과 폰트의 종류 그리고 색갈이 바뀌어 있음을 확인을 할 수 있게 됩니다.
'700 컴퓨터 > 703 티스토리 팁' 카테고리의 다른 글
| [링크] 여러 가지 티스토리 가이드들 (0) | 2011.11.29 |
|---|---|
| 이미지 포함된 티스토리 글 Windows Live Writer에서 편집하기 (0) | 2011.11.25 |
| 티스토리 카테고리 펼치기 (0) | 2011.11.08 |
| Windows Live Writer에서 티스토리의 스킨이 반영이 안 될때 (2) | 2011.11.08 |
