지금 적용한 티스토리 스킨 사이드바 요소에 기본적으로 링크 모듈이 없을 때,
티스토리 사이드바에 텍스트로만 된 링크를 따로 추가하고 싶은데, 방법을 구글링해보니 나오는 것들이 대부분 수익창출 광고를 위한 사진 배너 링크 넣기라서 도움이 되지 않았다.
난 그저 간단하게 내 네이버 블로그로 연결되는 링크를 하나 걸고 싶었을 뿐
플러그인 추가하고, 사이드바 설정에서 여러가지 만져 보았는데 되질 않았고
HTML 수정해서 링크 달았다.
혹시라도 나와 같은 상황에 뭘 해야할 지 모르는 분들이 있을지도 모르니 간략히 포스팅 한다.
티스토리 사이드바에 텍스트 링크 추가
티스토리 블로그 관리 설정에서 스킨 편집에 들어가면 보이는 HTML 편집을 누르고, HTML 탭을 선택한다.
그러면 아래 사진과 같은 화면이 보일 것이다.
HTML 탭 안에 커서를 갖다 대고 CTRL + F 를 눌러 sidebar_element 를 검색하면 아래와 같이 사이드바를 구성하는 요소에 대한 태그가 쭉 나열되어 있는 부분을 찾을 수 있다.
그 중에서 본인이 링크 탭을 넣고 싶은 자리를 고른다.
예를 들어, 사이드바 중 블로그 메뉴 밑에 링크를 넣고 싶다면
<!-- 블로그 메뉴 --> 이런 식으로 주석이 포함된 <s_sidebar_element> 태그가 닫힌 부분(/s_sidebar_element) 바로 아래에 블럭 부분처럼 링크 태그를 끼워 넣으면 된다. ↓↓↓
<s_sidebar_element>
<!-- 링크 -->
<div class="link">
<h2>LINKS</h2>
<s_link_rep>
<a onclick="window.open(this.href); return false" href=""></a>
</s_link_rep>
</div>
</s_sidebar_element>
이렇게 해 주고 저장 한 다음 다시 블로그 관리로 가서 '나의 링크'를 찾는다.
여기서 링크 추가를 통해 url과 링크 이름을 설정할 수 있다. 추가하고 변경사항 저장 눌러준다.
이 다음 다시 관리 탭에서 '사이드바'로 들어간다.
들어가면 아래와 같이 (아마 기본 모듈 쪽에) '링크'라는 모듈이 추가 되어 있을 것이다.
이 링크를 사이드바로 옮겨서 저장해준다.
그 결과 아래와 같이 링크 탭이 사이드 바에 추가되었고, 링크를 눌러 다른 사이트로 이동할 수 있게 되었다.
원했던대로 간단한 텍스트 링크를 추가 하였음
디자인 변화를 주고 싶으면 CSS를 수정해야 한다.
