설치형 태터툴즈와 티스토리는 사실 굉장히 다른 소스로 이루어져 있다는 글을 어디선가 본 기억이 납니다. 그래서, 비슷한 로직으로 돌지만, 시스템의 성격상 처리하는 루틴들이 서로 다른가 보구나- 하고 이해했었죠.

그래서인지 스킨을 제작할 때에도 알아두면 좋은 몇 가지 차이점들이 있습니다. 제가 아는 것들을 적어보죠.

1. 미디어로그 기능은 티스토리에만 있습니다.

http://블로그주소/media 가 주소인 미디어로그 기능은 티스토리에서만 됩니다.
skin.html 에 표현할 때는 미디어로그의 주소는 [ ##_blog_link_## ]media 로,
출력은 <s_media>[ ##_media_content_## ]</s_media> 를 기본으로 해주시면 됩니다.

다만 이는 후에 바뀔지도 모르는 치환자라고 합니다.

2. 키로그의 치환자 사용법이 서로 다릅니다.

일반적으로 설치형 태터툴즈의 경우는 다음과 같고,
<s_keyword>
<ul>
<s_keyword_date_rep><s_keyword_rep>
<li onclick=""></li>
</s_keyword_rep></s_keyword_date_rep>
</ul>
 </s_keyword>

티스토리의 경우는 다음과 같습니다.
<s_keyword>
<ul>
<s_keyword_rep>
<li onclick=""></li>
</s_keyword_rep>
</ul>
</s_keyword>

만약 티스토리에 <s_keyword_date_rep>를 사용하면 키워드가 제대로 표현되지 않습니다. (아무 것도 출력되지 않습니다.)

3. 티스토리는 관리자의 코멘트를 구분하지 못합니다.

설치형 태터툴즈의 경우에는 포스트의 관리자 코멘트는 .rp_admin, 방명록의 관리자 코멘트는 .guest_admin 이라는 클래스가 찍혀 나옵니다. 일반적인 코멘트는 .rp_general과 .guest_general 이고요.

예를 들면 이 클래스를 style.css 에서 다음과 사용하면 관리자의 댓글을 부각시키는 등의 효과를 볼 수 있습니다.

.rp_general      { color:#666;} /* 손님들의 코멘트는 회색으로 */
.rp_admin        { color:#000;} /* 관리자의 코멘트는 검정색으로 표시 */
.guest_general { color:#666;} /* 손님들의 방명록 글은 회색으로 */
.guest_admin   { color:#000;} /* 관리자의 방명록 글은 검정색으로 표시 */

하지만 티스토리의 경우에는 관리자 로그인 상태든 손님이든지 간에 모두 .rp_geneal과 .guest_general로 찍혀 나옵니다. 즉, 포스트의 댓글이든 방명록이든 간에 관리자를 구분하지 못하지요.

이것들 외에도 또 신경써야 하는 게 있으면 알려주세요. ^^
,
Letter To You 1.1 스킨을 배포하고, 문제가 없는지 다시 테스트를 해보는데 티스토리에서 키로그 표시가 잘 안되더라고요. 이 주소 말이죠. http://bones.tistory.com/keylog

티스토리와 태터툴즈의 치환자를 적는 방법이 다른 것도 알고 있어서 그것도 처리했고, 배포하기 전에도 테스트를 여러 번이나 했는데 왠 날벼락.

알고 보니 제가 배포하기 직전에 skin.html의 키로그 표시 부분에 태터툴즈용 표시를 그냥 주석으로 남겨뒀는데 그것 때문에 문제가 되었습니다. 제 딴에는 친절하게 차이를 보여주겠다고 생각하고 남겨둔 건데, 오히려 그것 때문에 작동이 안되었군요.

keylog 부분 소스 캡쳐 화면

keylog 부분에 이런 식으로 주석을 남겼거든요.


생각해 본 즉 skin.html에서 html 태그들은 주석처리가 되는 반면 치환자들은 주석의 영향을 받지 않나봐요. 위에서 태터툴즈용으로 한번 뺑뺑이를 돌고 나오니 그 아래에서는 처리가 안되었나 봅니다(하고 추측할 따름이예요). 태터툴즈용으로 해놨던 주석을 지우니 잘 작동됩니다.

혹시 스킨을 만드시는 분들 중에서 치환자가 제대로 작동하지 않으면 저런 식의 코딩이 있었는지 한번 생각해보세요. ^^

어쨌든 지금은 수정이 된 상태이니 Letter To You 1.1 스킨을 이전에 받으신 분들 중 티스토리에 설치하신 분들은 다시 다운 받아주세요. 죄송합니다. :|




,
태터툴즈에는 원래는 기본 기능으로 있다가 업그레이드 되면서 빠졌다가 다시 플러그인으로 추가된 기능[각주:1]이 있습니다. 바로 키워드 (키로그) 기능이지요.

특이하게 현재 설치형 버전 1.1.1과 티스토리 1.1[각주:2]은 이 기능과 관련된 스킨 치환자들의 사용법에 약간의 차이가 있습니다. 왜 이런 차이가 생겼는지 이유는 잘 모르겠습니다만, 이 차이를 유지해줘야 양쪽의 경우 모두 제대로 나오게 됩니다.

간단하게 다음의 예를 보죠.


태터툴즈 1.1.1의 경우에는 이렇게 적어야 제대로 나옵니다.

<s_keyword>
    <ul>
        <s_keyword_date_rep><s_keyword_rep>
            <li onclick="[ ##_onclick_keyword_## ]" style="cursor:pointer;cursor:hand;">[ ##_keyword_label_## ]</li>
        </s_keyword_rep></s_keyword_date_rep>
    </ul>
</s_keyword>


반면 티스토리 1.1의 경우에는 <s_keyword_date_rep> 와 </s_keyword_date_rep> 를 적어주면 키워드가 제대로 표시가 되지 않기 때문에 반드시 빼줘야 합니다.

<s_keyword>
    <ul>
        <s_keyword_rep>
            <li onclick="[ ##_onclick_keyword_## ]" style="cursor:pointer;cursor:hand;">[ ##_keyword_label_## ]</li>
        </s_keyword_rep>
    </ul>
</s_keyword>

  1. 우여곡절이 참 많은 기능입니다. [본문으로]
  2. 태터툴즈의 버전을 표시하는 치환자 [ ##_tattertools_version_## ]으로 확인해보면 현재의 티스토리 버전은 1.1이지요. [본문으로]
,