해시태그 기능 달기 - TAG 링크 기능 추가 > 웹제작/운영

해시태그

TAG 태그 관련 단어 연결

블로그와 SNS는 기본적으로 해시태그를 제공한다. 

해시태그란, 뜻 자체가 관련된 글들을 묶어주는 기능을 말한다. 

hash(해시)란 뜻은 "끌어모으다"라는 의미이며 tag(태그)란 "꼬리표"라는 뜻이다.

해시태그 기능 달기 - TAG 링크 기능 추가

그누보드에 해시태그 추가하기

홈페이지에도 이런 기능을 달 수 있는데, 중요한 것은 DB에 테이블을 추가하는 것에 있다.

그누보드에는 원래는 해시태그 기능이 없었지만, 스킨으로 만들어 진 것이 있다.

아래 링크에 가면 스킨을 다운 받을 수 있다. 

https://sir.kr/g5_skin/46423

설치 방법은... 스킨 디렉토리에 FTP로 업로드하면 된다. 이것은 새로운 스킨을 설치하는 방법이다.

(Skin 디렉토리 - board 디렉토리 아래에 폴더 통째로 업로드 하면 된다.)

직접 해시태그 기능 넣기

그러나, 이미 사용 중인 스킨에 코드를 추가하여 해시태그 기능을 넣을 수도 있다.

아래 주의사항을 따라 하되, 위 링크에 적힌 코드를 복사/붙여넣기 하면 된다.

1. 사용 중인 스킨의 list.skin.php, write.skin.php, view.skin.php, style.css에 링크에 있는 코드를 추가한다.
2. 다운받은 스킨에서 write_update.skin.php를 사용 중인 스킨 폴더에 업로드 한다.

삽입 방법은 이렇다. Ctrl+F로 검색해서 위치를 찾아 붙이면 된다.  

• list.skin.php : 맨 위의 <?php 내부 부분에...
• view.skin.php : <!-- } 본문 내용 끝 --> 바로 아래 부분에... 
• write.skin.php : for ($i = 1; $is_link && $i <= G5_LINK_COUNT; $i++)  바로 윗 부분에...
• style.css : 맨 마지막 부분에... 

write_update.skin.php를 반드시 업로드해야 한다. 그냥 업로드만 하면 된다. 인클루드 같은 것을 안 해도 자동으로 불러들여 지기 때문이다.

문제 해결하기

그러나 문제는, 이렇게 한 후 태그 입력상자가 눈에 안 보이는 경우가 종종 있다는 것이다.

그럴 때는 style.css에서 입력 상자가 눈에 잘 보이게 스타일을 주면 된다. CSS를 추가해서 저장하란 말이다.

[code]

#wr_tags { border:1px solid #808080; }

[/code]

해시태그 기능 사용하기

글 입력을 한 후, 입력 상자 바로 아래에 보면 태그 입력란이 보인다.

그곳에 관련 단어들을 입력하면 되는데, 쉼표로 구분하며 넣으면 된다.

예) 태그, 해시태그, #, 관련 단어 

저장하고 나면 글 보기 페이지에서 글의 마지막에 해시태그들이 보이게 된다.

이것을 누르면 그 게시판 안에서, 그 해시태그가 사용된 다른 글들을 보여준다. [저작권법 표시] 원본 출처 : 키스세븐(www.kiss7.kr)

즉, 같은 해시태그 단어를 사용한 글들만 따로 모아서 보여 주기 때문에 찾아보기 쉽게 된다는 의미다.