텀블러(Tumblr) 메뉴 만들기

텀블러(Tumblr) 메뉴 만들기

 텀블러를 시작하고 한창 블로그를 꾸미다보면 드는 의문이 있습니다. 티스토리나 네이버 블로그에서 당연히 있던 메뉴, 카테고리가 없는 것이지요.

 결론부터 말하자면 텀블러는 메뉴 기능을 제공하지 않습니다. 하지만 그렇다고 메뉴를 쓸 수 없다는 건 아닙니다. 무슨 말이냐구요?

 위의 이미지를 볼까요? 빨간 박스가 보이시죠? photo, writing, musik, movie... 누가봐도 메뉴입니다. 태그(Tag)를 이용해서 만든 건데요. 오늘은 태그를 이용해 메뉴 만드는 방법을 알아보고자 합니다. 우선 Customize로 들어가주세요!

Edit HTML을 눌러주세요.

 복잡하군요! 우선 메뉴 넣을 곳을 찾아주셔야 합니다. 저는 블로그 제목 밑에 넣기 위해 header 부분을 찾았는데요. 각자의 사정에 맞춰서 Ctrl+F로 원하는 위치에 있는 글자를 검색해주세요! 정 못 찾으시겠으면 한번씩 노가다로 넣었다 뺐다 해보시면 됩니다. 텀블러 소스 자체가 긴 편이 아니라 얼마 안 걸립니다. 

 위치를 찾으셨으면 다음 소스를 작성해주세요.

<div class="typelist-widget widget">

<div class="widget-inner">

<div class="widget-content">

<ul class="widget-list">

<a href="블로그 주소/tagged/태그 이름1">메뉴 이름1</a></li>

<a href="블로그 주소/tagged/태그 이름2">메뉴 이름2</a></li>

<a href="블로그 주소/tagged/태그 이름3">메뉴 이름3</a></li>

</ul>

</div>

</div>

</div>

 어떤 형식인지 아시겠나요? 메뉴 이름 1, 2, 3을 누르면 각각에 해당하는 태그를 가진 포스트가 나오는 형식입니다. 즉 태그 이름이 photo고 메뉴 이름도 photo로 하신다면

<a href="http://linklick.tumblr.com/tagged/photo">photo　</a></li>

가 되겠지요? (http://linklick.tumblr.com은 제 블로그 주소입니다.) 이제 작성한 코드를 넣어주세요.

 위와 같이 넣어주시면 됩니다. (<center>는 메뉴를 가운데 정렬하기 위해 적어넣은 겁니다.) 자, 그럼 Save하시고 빠져나와 주세요.

 메뉴가 생성된 걸 확인하실 수 있습니다. 제대로 작동하는지 알아볼까요? writing 메뉴를 눌러보겠습니다. 저는 writing 메뉴에 writing 태그를 연결해 놓았습니다. 텍스트로 이루어진 포스팅이 달아놓은 태그이지요. 

 텍스트 포스팅이 나오는군요 :) 성공적으로 메뉴를 만들었습니다. 이 방법을 사용하기 위해서는 평소 태그 정리를 잘 해놓으셔야 한다는 거! 잊지 마시길 바랍니다. 태그 정리를 잘 해놓으면 나중에 자료들을 다시 찾거나 정리하기에도 무척 편하답니다. 주제를 뚜렷하게 함으로써 방문자 유입에도 도움이 되구요.

 이것으로 '텀블러(Tumblr) 메뉴 만들기' 포스팅을 마치겠습니다. 감사합니다!