'플래시'에 해당되는 글 1건

  1. 2006/10/14 태터툴즈에 플래시 태그를 달자!

태터툴즈 2006/10/14 03:07 by Lokken

  태터툴즈는 꽤 막강한 블로그 저작 도구이다. 태터툴즈의 기본 기능으로도 블로깅 하는 데에 전혀 지장이 없지만, 확장 기능을 이용하면 태터툴즈의 기능을 200% 이용할 수 있다. 이 글에서는 태터툴즈의 플러그인 중 하나인 Tags in Flash를 설치하여 자신의 블로그에 적용하는 방법을 알아보기로 하겠다.


전제 조건:
1. 웹호스팅을 사용하고 있다
2. 웹 호스팅이 파일 업로드용으로 ftp만 지원한다
3. 스킨은 tistory 기본(태터툴즈 설치 시 자동으로 설치되는 스킨)이다 - 만약 다른 스킨을 사용한다면, 아래에 나와있는 위치와는 다른 줄에 태그의 내용이 있을 것이다

우선 플러그인을 다운로드 받아야 할 것이다. 태터툴즈 홈페이지 (http://www.tattertools.com) 의 스킨&플러그인 메뉴에서 플러그인을 다운로드 받는다. 여기서는 버전 1.0을 사용했다.



압축을 풀고 ftp를 이용해 파일을 올린다(계정이 ssh를 지원한다면 쉘상에서 다운로드 받고 압축을 풀어도 상관없다). 파일을 올릴 위치는 "블로그가 설치된 디렉터리"/plugins/ 이다. 압축을 풀었더니 index.php 파일이 서브디렉터리 없이 현재 디렉터리에 있다면, 파일을 올리기 전에 적당한 디렉터리 이름(예: tagf)을 만든 후에 그 안에 올려준다.

파일 올리기가 완료되었으면 블로그 접속 후 관리자로 로그인하여 환경 설정을 한다. 플러그인을 관리 버튼을 누르고 새로 추가된 Tags in Flash의 상태를 클릭하여 사용중으로 바꾸어 준다.

<그림 - 플러그인 관리 화면>

다시 ftp로 돌아와서  상위 디렉터리로 이동한 후 skin 디렉터리로 이동한다. 그리고 tistory 디렉터리로 이동한다.(보통은 /public_html/blog/skin/tistory 일 것이다.) 그리고 skin.html을 다운받아 텍스트 편집기를 이용하여 연다.

59번째 줄로 가보자. <h3>태그</h3> 이 보일 것이다. 그 아래에 <ul> </ul> 이 있고, 몇 줄의 코드가 보인다. 태그에 플래시를 달기 위해서는 이 내용을 변경해야 한다. 만약 다른 스킨을 사용한다면 태그에 관한 정보가 다른 곳에 있을 것이다.

<그림 - 변경 전의 skin.html>

60번째 줄부터 64번째 줄까지를 지우고 </div> 윗줄에 새로운 한 줄을 만든 후
   
라고 입력한다.

<그림 - 변경 후의 skin.html>


저장 후 ftp를 통해 이 파일을 업로드한다. 가능하면 서버의 skin.html 파일을 다른 이름으로 변경 후 파일을 올리는 것을 권장한다. 일부 ftp 프로그램에서는 동일한 파일이 이미 있을 경우 정상적으로 업로드되지 않는 일이 발생한다.

일단 여기까지 완료되었으면 블로그의 태그는 플래시로 바뀌어 있을 것이다. 웹 브라우저 주소 창에 http://자신의 블로그 주소/tags 를 쳐서 확인해본다. 또는 자신의 블로그에서 태그 링크를 클릭하여 알아볼 수도 있다.

<그림 - tag 선택>

아마 플래시로 만들어진 예쁜 태그가 나올 것이다. 그런데 뭔가 이상해 보인다. 오른쪽이 조금 잘리는 것 같다. 왜 그럴까. 이 플래시 태그는 기본적으로 가로 730 픽셀에 맞추어져 나오게 되어 있다. 하지만 tistory의 가로 크기는 500 픽셀이다. 230 픽셀이 나오지 않게 되는 것이다. 이 문제를 해결해 보자. 정답은 tagf의 index.php 안에 있다.

index.php를 열어보자. //가로사이즈 라는 주석 아래에 $tagf_width = 730; 이라고 되어 있다. 숫자만 500으로 바꿔준다. 저장하고 업로드한다.
이제 오른쪽도 짤리지 않고 나올 것이다. 만약, 여전히 오른쪽이 짤린다면 브라우저를 종료한 후 다시 열어본다. 그런데, 짤리지 않고 나오는 대신 글자 크기가 작아진 것을 느낄 수 있다. 이것을 키우려면 tag_vars.php 를 편집해야 한다. 30번째 줄에 태그 폰트 사이즈라는 설명이 있고, 그 아랫줄에 $tagf_FontSize = 12; 가 있다. 숫자를 40으로 바꾸고 저장한 후 업로드한다. 꽤 큼직한 글자로 바뀌어있음을 알 수 있다.

마지막으로, 플래시 태그에서 한글이 모두 ㅁㅁ 처럼 깨져보이는 경우가 있다. 이는 DB의 내용이 UTF로 인코딩되어 있기 때문이다. 한글이 정상적으로 나오게 하려면 tag_vars.php를 수정해 주어야 한다.
78번째 줄에 mysql_query("set names utf8"); 를 추가하고 엔터를 누른다. 저장한 후 업로드한다.

<그림 - utf8을 지원하도록 변경>

이제 한글도 정상적으로 출력됨을 볼 수 있다.


지금까지 태터툴즈에 플래시 태그를 다는 방법을 알아보았다. 도움을 주신 단군넷 MOOYA, 햇빛소년님과 HanIRC의 아침놀님께 감사드린다.

2006/10/14 03:07 2006/10/14 03:07

TRACKBACK URL :: http://lokn.net/blog/trackback/5

1 
전체 (39)
Computer (2)
음악이야기 (3)
스크랩 (1)
태터툴즈 (3)
잡담 (3)
Security (1)
KATUSA (1)
여행기 (6)