태그구름에 글의 갯수 표시 하기

Jerome’s Keywords Plugin 를 이용하면 WordPress 에서 태그를 구름 모양으로 표시할 수가 있다.

그런데, 이 플러그인은 태그 구름을 표시할 때 태그의 글이 몇개인지를 알 수가 없게 되어 있다. 이 플러그인 뿐만 아니라 가 태그로 유명한 http://technorati.com/tags/ 에도 표시가 되지 않는다

태그

플리커의 태그도 마찬가지로 갯수 표시가 없다.

태그

http://del.icio.us/tag/ 도 마찬가지이다

태그

해당 태그의 글의 갯수를 표시하고 있지 않고 있다. 포스트 갯수가 너무 많아서 그런가? 아니면 그럴 필요를 느끼지 못해서인가?

태그 구름에서 태그의 크기는 글의 갯수에 대한 태그간의 상대적인 크기이다.

태그 구름에서 태그의 크기는 기본적으로 해당 태그의 글의 숫자를 기준으로 한다. 그런 다음 태그간의 상대적인 크기를 태그의 폰트 크기로 표시하는 것이다. 보통 css 로 폰트의 크기를 조절한다.

태그 구름에서 태그의 크기를 보고 상대적으로 태그들간에 얼마나 글이 있는지는 알 수 있지만, 실제로 글이 몇개가 있는 알 수 없다. 태그 구름은 해당 태그의 글의 갯수를 태그와 태그간의 상대적인 크기로 표시를 했기 때문이다. 따라서 정보를 시각화를 하더라도 기본적인 정보는 보여주어야 한다. 나는 해당 태그의 글의 숫자가 바로 태그 그룸의 기본적인 정보라고 생각한다.

동시에 수치의 상대적인 표시는 절대적인 표시에 비해 오해를 가져올 수도 있다. 태그 구름의 태그는 마치 어떤 빈도수를 퍼센트로 표시하는 것과 비슷하다. 어떤 항목이 50%, 50% 라면 그안에서 둘다 같은 비율이다. 그러나 빈도수는 10개와 10개일 수도 있고, 1억개와 1억개일 수도 있다. 이는 수치를 볼 때 비율과 빈도수를 같이 봐야하는 것과 비슷한 문제이다.

따라서 나는 태그 구름에 해당 태그의 포스트 갯수를 표시하는 것이 필요하다고 생각한다.

그리고 이를 표시하기로 했다.

태그의 마우스 오버시 글의 갯수 표시

어떻게 표시할까? 태그 옆에 숫자를 표시하는 것은 어색할 것 같아서 현재와 같은 모양이되, 필요할 때만 글의 갯수를 보여주게 했다. 즉, 마우스 오버하면 포스트 갯수를 표시주는 방법이다. 자바스크립트로 마우스 올리자 마자 바로 보이게할 수도 있지만, 간단히 TITLE 태그를 사용해서 디폴트 시간인 1초 후에 보이게 하는 것이 좋을 것 같았다.

이렇게 하면 기존의 태그 구름과 같이 태그들을 파악하고, 어떤 태그들이 많이 있는지 파악할 수 있다. 그리고 글의 갯수를 알고 싶을때에 마우스를 올려 놓으면 된다. 글의 갯수를 표시하기 위해서 기존을 다 바꾸는 것이 아니라 그대로 둔채 인터렉션을 통해서 필요할 때 필요한 정보를 볼 수 있게 했다.

태그

글의 갯수 표시하는 방법

제로미의 소스코드가 이를 지원해 주지 않아서 그냥 내가 수정해 보기로 했다.

제로미의 소스코드를 살펴 보니 소스 코드 안에서는 실제적인 포스트 갯수가 산출되지만 출력할 때에는 태그들간의 상대적인 갯수로 다시 환산하고 있는 부분을 발견했다 그래서 상대적인 갯수로 리턴하기 전에 실제 글의 갯수를 리턴하는 변수를 추가 했다. 바로 postcount 이다.

태그 구름에서 태그 링크에 마우스를 오버 하면 실제 포스트의 갯수를 표시한다. 마우스 오버 할때 아니라 바로 표시하려면 아래 %postcount%를 적당한 곳에 사용하면 된다.

소스코드를 직접 수정하는 방법을 적는다.

1. jeromes_keywords.php 를 수정한다.

all_keyword 함수에 title=”%postcount%” 를 추가한다

function all_keywords($element = ‘<li class=”cosmos keyword%count%”><a xhref=”/tag/%keylink%” title=”%postcount%”>%keyword%</li>’, $element_cat = ”, $min_scale = 1, $max_scale = false, $min_include = 0) {

$keytemp = str_replace(‘%count%’, $keycount, $keytemp); 아래에 다음을 추가한다.

$keytemp = str_replace(‘%postcount%’, $count, $keytemp);

2. 태그 구름을 표시하는 cosmos.php 나 sidebar.php 을 다음과 같이 postcount 를 추가 한다.

<ul class=”cosmos”>
<?php all_keywords(‘<li class=”cosmos keyword%count%”><a xhref=”/?tag=%keylink%” title=”%postcount% posts”>%keyword%</a></li>’, ”, 1, 15); ?>
</ul>

내 블로그의 태그 페이지 에서 동작하는 것을 볼 수 있다.

Related Post







Scroll Up