※ 이것은 태터툴즈 클래식 RC3에서만 사용할 수 있는 방법이다.

726274.gif

알다시피 태그 클라우드 표현은 태터툴즈 오피셜에서 이미 구현된 기능이다. 환경이 허락하지 않아 설치하지 못하거나 필자처럼 클래식에 목을 맨 사용자를 위한 포스트이다. 소스 공개에 앞서 kebie님의 '태그클라우드 표시하기'에 사용된 코드를 기본 배이스로 확장된 것임을 밝힌다. 유용한 소스를 공개해주신 kebie님께 다시한번 감사드린다.

제목에서 알 수 있듯이 키워드 리스트나, 로케이션 리스트처럼 메인메뉴에 추가되는 전체 태그 클라우드를 만드는 방법이다. 결과는 이 블로그의 Tag! 메뉴에서 체험해 보자. 기능을 살펴보면, 전체 태그 수 및 개별 중복 수 파악하고, 중복 조건에 해당하는 7단계 하이라이트를 표시하며, 랜덤(기본), 가나다순, 최근등록순, 1, 2레벨 필터링 총 5가지 정렬방법을 지원하고 있다. 필터링의 경우 해당 태그에 중복되는 글이 1개 또는 2개 이하일 경우나 목록에서 제외하는 필터링이다. 이것을 응용하면 수백개의 태그에서 핵심 태그들로만 소팅할 수 있게 된다. 끝으로 단일태그(글 하나에만 속해있는 태그)일 경우 클릭하면 리스트를 거치지 않고 태그값을 지닌채로 포스트에 직접 연결된다.

태그 클라우드 표시를 처음으로 작업하는 블로거는 반드시 태터툴즈 1.0 RC3 - 태그 기능확장하기가 설치되어 있어야 한다. 이것은 비교적 간단하므로 가볍게 설치해 주자. 더불어 kebie님의 태그클라우드 표시하기도 설치하면 오피셜 부럽지 않은 완벽한 태그 클라우드 구현이 가능해진다. 하지만, 이것과는 별개로 작동하므로 반드시 설치하지 않아도 지장은 없다.

편집해야 할 파일은 index.php, inc_function.php, skin.html, style.css 총 4개이다. UTF-8을 지원하는 편집기를 사용해야 한다. 설치방법은 까다로운 편이며, 원본파일은 꼭 백업하자.

※ 오류, 버그, 개선 등과 관련된 피드백은 이곳에 댓글 및 트랙백으로 남겨주기 바란다.

덧. 2006-02-03 : kebie님께서 관리자로 로그인 했을 경우에만 비공개글의 태그를 뿌려주도록 코드를 보완하였습니다. 이 곳에서 보완할 수 있습니다.
덧. 2006-02-05 : 비공개 포스트에 태그가 달린경우 관리자가 로그인 했을경우에만 보이도록 코드를 수정하였습니다.(오랜지색)
덧. 2006-02-11 : 스킨에 포함된 rel="tag" 는 삭제하였습니다.

Comments

Got something to add? You can just leave a comment.

  • 뮤직리카 뮤직리카

    태그 기능을 직접적으로 사용은 하고 있지 않지만, 전체보기 페이지를 한번 추가해 볼까 하는 생각도 하고 있는데, 생각외로 설치 방법은 자주 뜯어 고치는 분들에게는 쉬울 것 같습니다.

    reply edit

  • 파이어준 파이어준

    어려워 하시는 분도 계시고, 쉬워하는 분도 계시지요. 쉽게 느껴지신다면, 경지에 오르신겁니다. ^^;

    reply edit

  • 뮤직리카 뮤직리카

    그리고 태그 페이지에서, 태그에 마우스를 올리면 상당히 박스 같은게 4개 뜨는데, 이 것보다는 색상이 바뀌는 것이 괜찮을 것 같습니다. 해당 페이지에 가니까 전체적으로 속도가 많이 느려지는 것 같습니다.

    reply edit

  • 파이어준 파이어준

    하이라이트가 폰트색상으로 적용되어있어 작동하지 않을 것입니다. 차라리 밑줄 또는 배경색상으로 변경하시려면 스타일시트(style.css)의 .tag_list a:hover {border-top:5px dotted #E10808} 부분을 아래처럼 변경해주시면 간단하게 해결되겠습니다.

    밑줄
    .tag_list a:hover {text-decoration: underline;}
    또는 배경색
    .tag_list a:hover {background-color:#333333;}

    제 블로그에서 뜨는 속도가 느린이유 중 하나는 마우스 오버 스크립트(말풍선)가 추가되어 있어서 입니다. 텍스트 용량만 200킬로바이트를 뿌리더군요; 두번째로는 사이즈가 큰 일반폰트를 사용해서입니다.

    reply edit

  • Blue Luna Blue Luna

    태그 목록보기 기능이 추가되었습니다. :)

  • DARKLiCH DARKLiCH

    제 블로그에 맞게 조금 소스 고쳐서 추가했습니다. 태그구름을 쓸때는 조금 난잡해 보이던게 깔끔하게 해결되었군요. 삽질도 여러번 하다 보니 요령이 생겨서 왠만한 건 쉽다고 느껴지네요 --;

    역시나 lunamoth님 말씀처럼 파이어준님 블로그는 완전히 파워업키트 같아요. :)

    reply edit

  • 파이어준 파이어준

    잘 어울리게 적용하셨군요~ DARKLiCH 님은 이미 경지에 오르신겁니다. ^^

    reply edit

  • DARKLiCH DARKLiCH

    공개가 안된 글의 태그도 올라오는군요; 수정이 가능할까요?

    reply edit

  • 파이어준 파이어준

    태그의 디비에는 퍼블릭옵션을 따로 가지고 있지 않던데 말이죠, 포스트의 퍼블릭 정보와 연계할 수 있는지 연구해 보도록 하겠습니다.

    reply edit

  • 허니의 달콤한 작은 세상 허니의 달콤한 작은 세상

    태터툴즈 클래식 태그 관련 add-on

  • mEmOpAd mEmOpAd

    태그클라우드 버그수정 (Tag Cloud for TatterTools Classic RC3)

  • kebie kebie

    다양한 정렬 방식으로 응용해 주셨네요. 태그가 관심사와 연관된다는 점을 감안하면, 태그 활용에 꼭 필요한 기능이죠. 나중에 태그 수가 많아지면 저도 이렇게 바꿔야 겠어요. :)

    reply edit

  • 파이어준 파이어준

    네, 태그 수가 많아지면 유용합니다.

    reply edit

  • romo romo

    tag를 삭제 해도 그 찌꺼기가 계속 남아있는데 완전히 삭제 되게 하는 방법이 없나요.???
    테이블에서 일일이 지워야 하낭 ㅎㅎㅎ 방법좀 있으면 알려주세요.^^

    reply edit

  • 파이어준 파이어준

    버그로 보입니다. 태그를 남겨두고 포스트를 삭제하는 경우 찌꺼기가 남아있게 됩니다. 개인적으로 키워드 관리자 페이지와 같은 태그관리 페이지가 추가되었으면 하는 바램입니다.

    reply edit

  • readordie.net readordie.net

    태그, 태그구름, 키워드, 그리고 블로그

Your Reaction Time!

avatar

captcha