ΛneOK v4 blog
일상의 잡다한 생각과 내용을 글 또는 사진으로 표현하는 일상 블로그입니다.
# Side Menu
-
recentPost
-
popularPost
-
Archive
-
recentComment
티스토리 - body의 id 값과 그 결과 이용하기
2019. 5. 24.,
728x90
이번에 포스트는 쉬운 것이지만 잘 사용하면 유용할수 있을것 같아 포스트 씁니다.
티스토리 치환자의 공통에 보면 있는 tt-body-page를 이용 저처럼 TOC(Table of Contents)를 사용하면 기본 페이지나 기타 등등에서는 보여지 않고 포스트 페이지에서만 작동하게 하면 됩니다.
TOC는 정리는 이쪽 (link)
1. BODY ID
우선 봐야 할 것은 skin.html파일에 body의 id입니다.
<body id="tt-body-page">페이지의 종류에 따라 id의 값은 다음과 같습니다.
2. 참고사항
2.1 목록 목록 단위만 적었습니다.
| 페이지 타입 | body_id | 주소 |
|---|---|---|
| 홈화면 | tt-body-index | / |
| 공지사항 리스트 | tt-body-index | /notice/ |
| 카테고리 글 리스트 | tt-body-category | /category/ |
| 보관함 글 리스트 | tt-body-archive | /archive/201901 |
| 날짜 리스트 | tt-body-archive | /archive/20190101 |
| 태그 리스트 | tt-body-tag | /tag/ |
| 검색결과 리스트 | tt-body-search | /search/keyword |
| 방명록 | tt-body-guestbook | /guestbook/ |
| 지역로그 | tt-body-location | /location/ |
2.2 글 글 단위만 적었습니다.
| 페이지 타입 | body_id | 주소 |
|---|---|---|
| 포스트 | tt-body-page | /1 |
| 페이지 화면 | tt-body-page | /page/1 |
| 공지사항 글 | tt-body-notice | /notice/1 |
| 태그 글 | tt-body-tag | /tag/tagname |
위에것은 참고 사항으로 보시면 되고 여기에서 포스트와 페이지글이 body_id가 같습니다. 그래서 이 부분에 toc를 이용 출력 할수 있게 만들면 됩니다.
우선 html파일에 class값을 넣어둡니다. 이때 전 사이드바에 .sidebar-nav을 넣어 두었습니다.
skin.html <ul class="sidebar-nav"><li> ... </li></ul>
css를 조정하여 다른 페이지에서는 보여지 않게 하고 특정 조건일 때 보여게 합니다.
style.css .sidebar-nav { display: none; } #tt-body-page .sidebar-nav {display: block;}
3. 마무리
무언가 열중해서 적었지만 생각해보면 아무것도 아닌데 글로 적어보니 길어 지는 것 같네요. 이게 참 글재주가 없어서 이해할 수 있는 글인가 모르겠습니다. 아무튼 여기까지 읽어 주셔서 감사합니다.
728x90
