워드프레스 태깅과 태그구름 표시하기
|wordpress 1.5 에서 포스트에 태깅을 하고, 태그 구름 (tag cloud) 를 볼 수 있게 해 주는 플러그인입니다. Jerome’s Keywords Plugin 에 가면 플러그인을 다운로드 받을 수 있고, 쉽게 설치할 수 있습니다.
플러그인 설치하기
tag cloud 또는 tag cosmos 페이지 만드는 방법은 Creating a keyword cosmos 에 나와 있는데, 페이지에 붙이는 방법이 자세하지 않은 것 같아서 다시 정리했습니다.
- sample
cosmos.php
template file 를 다운 받아서 압축을 푼 후 cosmos.php 를 현재 사용하고 있는 테마 디렉토리에 업로드 합니다 - 그런 다음 Site Admin 에 들어가서 Page 를 하나 만들고, 페이지 옵션에 보면 ‘Page Template’를 ‘ComsmosPage’로 선택하고 저장합니다.
- 해당 테마를 열어서 태그 메뉴에 링크를 겁니다. 제 경우 header.php 에 있습니다.
사이드 바에 인기 있는 태그 구름을 표시하려면
1. sidebar.php 를 열어서 태그 구름을 표시할 부문에 다음의 소스를 추가한다.
<li><h2><a href=/?page_id=9>Popular Tags</a></h2>
<ul class=”pcosmos”>
<?php all_keywords(‘<span class=”cosmos pkeyword%count%”><a href=”?tag=%keylink%”>%keyword%</a></span>’,” , 1,10, 3); ?>
</ul>
<p style=”text-align:right”><a href=/?page_id=9>more …</a></p>
</li>
all_keywords()함수의 1,10,3 의 의미는 글자의 크기를 1단계 부터 10단까지 나누고, 태그가 최소 3 이상을 표시하는 것을 말합니다. style.css 에 cosmos 클래스에 지정되어 있습니다.
태그에 글의 갯수를 표시하려면
태그 구름만 보면 각 태그의 포스트 갯수를 알기 어렵습니다. 저처럼 좌/우측 메뉴에 모든 태그를 알파벳순서로 나열하고, 포스트갯수를 넣으려면 다음과 같이 하면 됩니다.
- 테마 디렉토리에서 sidebar.php 를 오픈합니다.
- 다음의 소스를 추가 합니다. 이때 태그 메뉴를 클릭했을 때 보여줘야 하므로 page_id 가 해당 번호 일때만 보이게 해야 합니다. 제 경우에는 page_id 가 9 이네요.
<?php if ($page_id==9) { ?>
<li><h2><a href=/?page_id=9>Tags</a></h2>
<ul>
<?php all_keywords(‘<li class=”cosmos keyword%count%”><a href=”/?tag=%keylink%”>%keyword%</a> (%count%)</li>’) ?></ul>
</li><?php } ?>
만약 저 처럼 좌우측 메뉴가 아니라 본문에 나오게 하려면, cosmos.php 에 위 소스를 넣으면 됩니다
글을 쓸 때 본문 입력창 아래에 Keyword 입력창이 생깁니다. 거기에 태그할 키워드를 입력하면 됩니다.
글을 쓰면서 태깅을 하다 보년 어떤 태그 이름을 한꺼번에 바꿀 필요가 있을 때가 있습니다. 제가 태그 한꺼번에 바꾸는 플러그인을 만들었습니다. 조만간에 올리도록 하겠습니다.
제휴 링크로 구매 시 제휴마케팅 활동의 일환으로 일정액의 수수료를 지급받아 콘텐츠를 제작하는데 큰 도움이 됩니다.
도움이 되셨다면, 댓글이나 소중한 커피 한 잔 부탁드려도 될까요?
당신이 좋아할 만한 글
윗몸일으키기 하면 자동으로 횟수 측정, 횟수를 음성으로 세주고, 윗몸일으키기 속도 분석, 일별/월별/연도별 운동 기록 관리
위글에서 “글을 쓸 때 본문 입력창 아래에 Keyword 입력창이 생깁니다” 전 이게 안 생겨요.. 🙁
Jerome’s Keywords Plugin 이 제대로 동작하지 않은 모양입니다.
관리화면의 Plugins 에서 activate 를 클릭해 보세요. Deactivate 라고 보여야 동작하고 있는 것입니다.
저, 사이드바에 태그 목록이 항상 보이게 하고 싶은데요. 글 개수가 가장 많은 태그 다섯 개만 보이게 하고(태그 옆에 글 개수도 나오고), 나머지는 more… 링크로 연결되게 말입니다. 지금 dobiho 님의 Tags 페이지 사이드바의 맨아래처럼요. 그럴 땐 어떻게 해야 되나요?
성희님/ 가장 많은 태그를 지정한 갯수 만큼만 표시하는 방법은 Jerome’s Keywords Plugin 의 함수 중에 있습니다.
저 처럼 Top 10개를 보여 주려면 sidebar.php 에 아래 소스를 추가 하면 됩니다.
Tags
%keyword% (%count%)’ ) ?>
more …
네.. 추가하라고 말씀하신 게 소스가 아니라 링크 같습니다. 귀찮으신 것 같아서 그냥 넘어가겠습니다.
성희님/ 이런, 귀찮아 하는 것으로 보셨군요. 오햅니다. 소스 코드를 코멘트에 썻는데, 링크만 보이게 되었네요.
사실, 저도 모든 페이지에 표시한다고 해놓고, 깜빡하고, Tag 페이지에만 넣어놓고 있었습니다.
덕분에 다시 모든 페이지에 보이게 했습니다.
에디터를 사용해서 PHP 소스 코드가 보이도록 다시 써보았습니다.
<h2><a href=/?page_id=9>Popular Tags</a></h2>
<ul>
<?php top_keywords(5, ‘<li><a href="/?tag=%keylink%">%keyword%</a> (%count%)</li>’ ) ?>
<li><a href=/?page_id=9>more …</a></li>
</ul>
아.. 귀찮으실 것 같다는 건 일도 바쁘시고 또 코멘트를 통한 대화(?)에 별로 관심 없으실 것 같다는 의미였습니다. 나쁜 뜻이 아닙니다. 가르쳐 주신 대로 하니 잘 됩니다. 고맙구요.
초면에 질문해서 죄송했고요. 제 블로그 주소도 남기는 게 예의겠지만 남들이 보기에 그리 도움되거나 좋은 내용이 담겨 있지 않아서 잘 안 남기는 편이거든요. 이해해 주시고요. 고맙습니다. 안녕히 계세요.
덕분에 tag 설치해서 잘 쓰고 있습니다.
그런데 몇 가지 고쳐야할게 있습니다.
우선 sidebar에 인기 태그만 출력하는 부분에서
topkeywords 함수 이름이 top_keywords
로 바뀌었습니다.
그리고 permalink를 fancy url 타입으로
사용하시는 분들은 link를 고쳐 주셔야 합니다.
그래서 wp 2.0 plugin 1.9 버전으로는
Popular Tags
=%keylink%”>%keyword% (%count%)’ ) ?>
more …
적용한 예는
%keyword% (%count%)’ ) ?>
more
이런 아무 생각없이 tag를 입력했더니 깨지는군요.
다시 올립니다.
tag page를 tags로 했습니다.
<h3>Popular tags</h3>
<ul>
<?php top_keywords(5, ‘<li><a href=”/tag/%keylink%”>%keyword%</a> (%count%)</li>’ ) ?>
<li><a href=”/tags”>more</a></li>
</ul>
Hani/ 감사합니다. 워드페레스 2.0용 플러그인에는 함수명이 바뀌었군요. 혹시 이 포스트를 보시는 분 중에 워드프레스 2.0을 사용하시는 분은 Hani 님의 코멘트를 참고하셔야 할 것 같네요.
아…따….이사람 plugin땜시 오후내내 삽질했습니다…님 블로그에있는 소스들도 왼지 character가 맞질 않아그런가 “‘”나 “””차이로 소스가 작동않하더 군요…-_-…어잿거나 “[a href=”/tags”]”를 “[a href=”?tags”]” 로 하는것과 page_id=9따라가는거나…여간하 php모르는 뼁기쟝이 한테는 삽질이 당연한 거였습니다….그러나 해결은 했죠..-_-…
아…따….이사람 plugin땜시 오후내내 삽질했습니다…님 블로그에있는 소스들도 왼지 character가 맞질 않아그런가 “‘”나 “””차이로 소스가 작동않하더 군요…-_-…어잿거나 “[a href=”/tags”]”를 “[a href=”?tags”]” 로 하는것과 page_id=9따라가는거나…여간하 php모르는 뼁기쟝이 한테는 삽질이 당연한 거였습니다….그러나 해결은 했죠..-_-…
워드프레스 초보인데다 마음에 드는 스킨을 찾긴했지만 기능이 많이 없어서 어려움을 많이 겪고 있는데, 좋은 조언 많이 받고 있습니다~ 감사합니다 🙂
태그 기능 추가하려다 해결안되는게 있는데 조언 부탁드려도 될려는지요,
설명하신대로 하다가 태그 cloud까지는 뜨는데 클릭하면 링크를 못하네요. 쓰신 글에
“3.해당 테마를 열어서 태그 메뉴에 링크를 겁니다. 제 경우 header.php 에 있습니다”
라는 내용이 이해가 잘 되지 않기도 하구요. 도와주세요~ ^^
워드프레스 초보인데다 마음에 드는 스킨을 찾긴했지만 기능이 많이 없어서 어려움을 많이 겪고 있는데, 좋은 조언 많이 받고 있습니다~ 감사합니다 🙂
태그 기능 추가하려다 해결안되는게 있는데 조언 부탁드려도 될려는지요,
설명하신대로 하다가 태그 cloud까지는 뜨는데 클릭하면 링크를 못하네요. 쓰신 글에
“3.해당 테마를 열어서 태그 메뉴에 링크를 겁니다. 제 경우 header.php 에 있습니다”
라는 내용이 이해가 잘 되지 않기도 하구요. 도와주세요~ ^^
kangjoseph님/ 3번은 태그구름이 있는 페이지를 링크하는 메뉴를 만드라는 의미 입니다. 제 경우에는 페이지 상단에 Tags 라는 메뉴가 있는데 이런 것을 만드는 의미 입니다.
링크를 걸 때, 태그구름이 있는 페이지 URL를 링크해야 합니다. 예를 들어 제 경우에는, https://dobiho.com/?page_id=9 입니다. 태그구름페이지 URL을 보시면 page_id= 다음에 숫자가 보이실 겁니다.
성공하시기를…
kangjoseph님/ 3번은 태그구름이 있는 페이지를 링크하는 메뉴를 만드라는 의미 입니다. 제 경우에는 페이지 상단에 Tags 라는 메뉴가 있는데 이런 것을 만드는 의미 입니다.
링크를 걸 때, 태그구름이 있는 페이지 URL를 링크해야 합니다. 예를 들어 제 경우에는, https://dobiho.com/?page_id=9 입니다. 태그구름페이지 URL을 보시면 page_id= 다음에 숫자가 보이실 겁니다.
성공하시기를…