티스토리 블로그에 태그 페이지 추가하기 (tag page)

오늘은 티스토리 블로그에 태그 페이지 추가하는 법을 간단하게 보여드리고자 합니다.

 

티스토리는 기본적으로 사용자가 게시글에 작성하였던 태그들을 수집하여 가지고 있습니다.

 

이를 아래처럼 "블로그주소/tag" 라는 페이지에 모아두고 있는데요.

 

https://html6.tistory.com/tag

태그 목록

 

티스토리에 스킨 중에는 이 태그로 이동하는 일종에 태그 바를 제공하지 않는 스킨들이 많이 있습니다.

 

이런 경우 스킨에서 제공하지 않지만 내가 HTML을 수정하여 태그 페이지로 이동하는 일종에 버튼을 추가하면

 

사용자들이 내 블로그에서 원하는 키워드를 보는데 도움이 되지 않을까 싶습니다^^

 

방법은 정말 간단합니다.

 

우선 제 블로그를 보시면 왼쪽에 내비게이션 바가 있고

 

이를 클릭하면 아래처럼 카테고리별로 목록이 나오는 구조로 되어있습니다.

 

 

블로그 태그 추가법

 

저는 이 카테고리들 밑에다가 태그 페이지로 이동하는 버튼을 달아보도록 하겠습니다.

 

 

 

우선 내 블로그 관리 페이지에 들어간 후에

 

아래처럼 꾸미기 > 스킨 편집으로 들어갑니다.

 

블로그 스킨 편집

 

그리고 HTML 편집을 누르신 후에 

 

오른쪽 화면에서 "gnb" 를 검색해줍니다.

 

그 후에 아래처럼 입력해주시면 내비게이션 바 바로 밑에 태그 페이지로 이동하는 버튼이 생성됩니다.

 

<a class="link_item" href="/tag" style="font-size: 1.125em; line-height: 1.5; display: block; text-decoration: none; color: rgb(0, 0, 0); margin: 22px 0px 0px;">태그</a>

 

 

블로그 편집

 

그 후에 적용을 누르시고 내 블로그에 내비게이션 바를 보시면 아래처럼 짜잔~

 

태그 페이지 이동 버튼

 

태그 페이지로 이동하는 버튼이 생성되었습니다!

 

해당 페이지로 버튼을 눌러서 이동하면 아래처럼 제가 작성하였던 태그들이 모아져 있는 것을 볼 수 있습니다.

 

 

블로그 태그 페이지

 

이상으로 간단하게 블로그에 태그 페이지로 이동하는 버튼을 다는 법을 알아보았습니다.

 

※ 다만 위 방법은 블로그 스킨마다 다르게 적용되기 때문에

기본 스킨이 아닌 경우는 조금 더 살펴보시고 적용하셔야 합니다.