티스토리 블로그 "나의 링크" 활성화해서 사이드바에 추가하기

티스토리 블로그 관리자 사이트의 왼쪽 메뉴에 보면 "나의 링크"가 있고 이곳에 몇몇 패밀리 사이트나 관심있는 사이트를 등록할 수 있는데 정작 스킨에 따라 이 링크를 표시할 수 있는 방법이 알려져 있지 않은 경우가 많습니다. 티스토리 스킨가이드에도 어떻게 사용해야 하는지 특별한 설명이 없습니다. 아마 예전에 사용하던 피쳐였었는데 더이상 사용을 권장하지 않는 것 같습니다. 다만 아직도 사용하는 스킨들이 있어 없애지 못한 것이 아닌가 추정될 뿐입니다.

티스토리 관리자 화면의 나의 링크 메뉴

저는 왓에버 스킨을 변형해서 사이드바를 장착한 왓에버-사이드 (https://drkimfixnsolve.tistory.com/168) 스킨을 사용하고 있는데.. 여러 관련 패밀리 사이트가 있기 때문에 "나의 링크"를 이 스킨에 활성화할 필요가 있었습니다. 인터넷을 검색하니 몇몇 분들이 관련 치환자를 공개한 경우가 있어 이것들을 현재 왓에버 스킨에 적합하게 변형해서 "나의 링크"를 활성화하는 방법을 공개해 보겠습니다. 다른 스킨에는 적절히 응용하시면 되겠습니다. 

티스토리 왓에버 Whatever 스킨 오른쪽 사이드바 구현

먼저 아래처럼 "나의 링크" 치환자 (s_link_rep)를 스킨편집/HTML편집에서 사이드바 엘리먼트에 추가해 줘야 합니다. 

<s_sidebar_element>
	<!-- 링크 -->
	<div class="tags">
	<h2>추천 링크</h2>
		<div class="items">
		<s_link_rep>
			<a href="" target="_blank"></a>
		</s_link_rep>
		</div>
	</div>
</s_sidebar_element>

css 스타일을 정해줘야 하는데 태그에 사용했던 tags, items 스타일들로 처리했습니다. 이렇게 하면 사이드바 메뉴에 추천 링크가 나타나고 이것을 적절히 사이드바에 배치하면 됩니다. 저는 패밀리 사이트라는 이름으로 아래처럼 사이드바에 추가했습니다. 

나의 링크 사이드바에 추가하기

깔끔하지 않은가요? 리스트 형태로 만들 수도 있는데 제가 보기엔 태그 형태도 깔끔한 것 같습니다. 위에 공개한 링크 치환자 잘 활용해서 꾸며 보시기 바랍니다. 왓에버-사이드 스킨에는 추가해서 배포하도록 하겠습니다.