RSS 태그 미디어로그 방명록

[티스토리/태터툴즈] 기존 스킨에 사이드바 기능 추가하는 법

COMPUTING 2006/12/10 11:15
사용자 삽입 이미지

새로운 태터툴즈의 사이드바 기능. 스크린샷은 블로그 스킨메뉴에서 사이드바 조정에 들어간 모습이다.

현재 모든 스킨들이 그렇듯 내가 기존에 쓰고 있던 스킨도 사이드바 기능을 지원하지 않는 스킨이라고 출력되지만, 1.1을 참고, 현 스킨을 사이드바 기능이 가능하도록 고쳤다.

사이드바 기능이 추가되면서 좋은 점은 단연 누구나 쉽게 메뉴를 구성할 수 있다는 것. 메뉴는 스킨의 다른 어느 부분보다도 개인적 성향에 따라 배치가 달라지는데, 기존에는 일일이 태그를 만져줘야 했었다. 물론 그다지 어려운 작업이 아니잖아?; 하실 수도 있겠지만 특히 초보 사용자들에게도 어필해야 하는 티스토리 특성을 생각하면 대단한 발전이 되겠다.

그러나 어짜피 한번 메뉴를 만들어놓은 다음엔 메뉴를 거의 수정하지 않는 대부분의 유저들 특성상 메뉴 레이아웃 변경이 쉬워졌다는 점 보다는 전에는 쓰지 않는 메뉴 부분들(이제 메뉴 부분은 모듈이라고 부른다)을 전부 삭제해 버려야 했다면 이제는 모듈을 사용하지 않고 '스킨 기본'에 올려놓기만 하면 된다는 점. 이 부분이 굉장히 맘에 든다. 스킨 배포 등의 경우 굉장히 유용하지 않을까.

사용자 중심의 멋진 AJAX 구성으로 태터다운 면모를 보여주는 멋진 기능이다.

----------------------------------------

사이드바 기능이 없는 기존 스킨에서 기능 추가하는 법

----------------------------------------

일단은 <s_sidebar>과 막음 </s_sidebar>태그가 필요하다. 이건 사이드바 부분을 인식시키는 녀석.

사이드바 부분 전체의 맨 위, 맨 아래에 위 태그를 삽입해 준다.

그 다음 모듈 하나하나마다 시작과 끝에 <s_sidebar_element>와 </s_sidebar_element>

를 넣어주면 끝. 일명 '모듈 인식자'라고 할 수 있겠다. 간단하게 태터툴즈에서 사이드바와 모듈을 인식하게 해 준다. 그러면 완성.

정리하면
<s_sidebar>
<s_sidebar_element>모듈1 </s_sidebar_element>
<s_sidebar_element>모듈2 </s_sidebar_element>
</s_sidebar>

이런 식이 되겠다.

'COMPUTING' 카테고리의 다른 글

블로그 관련 배너 이쁜이 버전 2  (10) 2007/02/06
각종 블로그 관련 배너 이쁜이 버전~  (14) 2007/01/29
Windows Vista Signature Edition (Limited)  (4) 2007/01/20
[티스토리/태터툴즈] 기존 스킨에 사이드바 기능 추가하는 법  (7) 2006/12/10
사파리 2.0.4 사이트 미리보기  (0) 2006/11/19
PC에 클리어타입을 적용해 보세요.  (0) 2006/11/06
top
TAGHTML, 사이드바, 태터툴즈, 티스토리
트랙백 1 : 댓글 7

Trackback Address :: http://daysofjyp.net/trackback/51 관련글 쓰기

  1. Tracked from Namuk's Footprint 2006/12/13 17:17 삭제

    Subject: 나만의 사이드바 플러그인--

    티 스토리 다 좋지만.. 내가 필요한 링크나 기능이 쉽게 쉽게 추가/삭제가 힘든 단점이 있다.하지만.. 스킨에 따라 모듈 형식으로 미리 넣어놓는다면 이 추가/삭제가 상당히 쉬워지는 장점이 있는데..내가 쓰고 있는 몇가지 모듈을 공개한다. &lt;s_sidebar_element&gt;&lt;!-- 로그인/아웃 모듈 --&gt;&lt;div align=right&gt;&lt;a href="/login?requestURI=http://namuk.com"&..
  1. 호밀 2006/12/10 16:05 댓글주소 | 수정/삭제 | 댓글

    감사합니다 :)
    어떻게 사이드바 추가를 해야하나 고민했었는데;
    좋은 팁 감사합니다!

    • JYP 2006/12/10 18:27 댓글주소 | 수정/삭제

      아닙니다~!ㅎ

      좋은 팁이 되셨다니 저도 기쁩니다~ㅎ

  2. Rukxer 2006/12/10 20:16 댓글주소 | 수정/삭제 | 댓글

    감사합니다! 덕분에 마음에 들었던 구형 스킨을 수명 연장 시켰습니다 -ㅂ-!

    • JYP 2006/12/11 09:21 댓글주소 | 수정/삭제

      저도 감사합니다^^;

  3. DynO 2006/12/11 23:19 댓글주소 | 수정/삭제 | 댓글

    사이드바 기능 정말 신기해요;
    태그하나 넣었을 뿐인데 ㅎ.ㅎ;

    • JYP 2006/12/11 23:24 댓글주소 | 수정/삭제

      그쵸ㅎㅎ 신기하고 재밌고 편리하고!
      정말 맘에 드는 기능입니다^^;

      처음엔 그냥 초보자를 위한 기능인가보다 했는데
      정말 유용하더라고요ㅎ

  4. 안젤라 2008/06/17 19:10 댓글주소 | 수정/삭제 | 댓글

    덕분에 해결하였습니다. 감사 ^^

댓글을 남겨주세요.


◀ PREV : [1] : ... [39] : [40] : [41] : [42] : [43] : [44] : [45] : [46] : [47] : ... [67] : NEXT ▶

Total : 247,325
Today : 6 Yesterday : 19

Statistics Graph
티스토리 이올린 올블로그 Thanks to blogger 블로그 예절 캠페인 RSS FEED

Recent stories

  • HAPPY NEW YEAR!! + 매년 반복.. (1)
  • Sigma 18-250mm F3.5-6.3 DC O.. (9)
  • 맨프로토 190XPROB + 322RC2
  • 새로운 시작 (+ 스킨 변경 및..
  • DAYS OF JYP 시즌2?! (2)
  • 미대입시생의 애환을 아시나요 (12)
  • 영혼 없는 진압... 유모차에.. (17)
  • 초등생 성행위? 믿을 수 없다. (6)
  • 수고하셨습니다 노대통령님!! (3)
  • 저의가 의심스러운 '소형차 위.. (4)
  • Hyundai HDC (아반떼 중국 모델) (2)
  • 숭례문 참사, 숭례문 방화범의.. (9)

Recent comments

  • 늦었지만. 완전 보고 싶었어요...
    Rynn.A 이영 00:26
  • 이건 있어서도 있을수도 없는...
    김성훈 2009
  • 와 두리모님!!ㅋㅋ잘지내시는...
    JYP 2009

Stories

days of jyp (67)
자동차 이야기 (10)
디자인 이야기 (0)
블로그 이야기 (15)
Skin of JYP (11)
COMPUTING (7)
우분투 리눅스 (4)
REVIEWS OF JYP (16)
MOVIES&MUSIC (0)
사는 이야기 (1)
잡다한 이야기 (14)
  • welcome to days of jyp


Creative Commons License

days of jyp - 어느 디자이너의 꿈
Powered by Daum Communications / Designed by Plyfly.net & Daysofjyp.net