'티스토리 팁'에 해당되는 글 1건

  1. 2017.06.06 티스토리 블로그 카테고리 펼치는 방법



티스토리 블로그 카테고리 펼치는 방법






안녕하세요 레인만입니다.



티스토리 블로그를 사용하다보면 카테고리가 많아지면 정리를 하고 싶은 순간이 생기는데요.


사용자가 방문자 모두에게 필요한 작업입니다.



티스토리 블로그에서 카테고리 아래 하위 범주 카테고리를 넣게되면 


블로그 홈페이지에서 카테고리가 접혀져 보이는 현상이 생깁니다. 



아무래도 방문자입장에서는 블로그 스킨을 파악하고 카테고리를 펼치며 


블로그를 확인하는데 불편할 수 밖에없는데요.




카테고리별 세부설정을 할수있으면 좋겠지만


자유도 하면 티스토리 블로그 아니겠습니까?



HTML태그를 이용하여 카테고리를 펼치는 방법을 알려드리겠습니다.






▶ 티스토리 블로그 카테고리 펼치기



제 블로그 카테고리 입니다.


맥북과 아이폰 카테고리를 애플이라는 카테고리 속에 넣고 싶은데요.



짠, 이렇게 카테고리를 수정하였습니다.




그리고 블로그화면으로 돌아와보니


Apple 카테고리가 접혀있는 것을 볼 수 있습니다..ㅜㅜ


+를 누르면 펼쳐지지만



마음에도 안들고 불편합니다.




간단한 태그를 이용하여 카테고리를 펼쳐보겠습니다.




우선 관리페이지 왼쪽에 HTML/CSS편집을 눌러줍니다.




스킨에서 HTML/CSS 편집을 눌러주셔도 됩니다.





그럼 우측에 홈페이지 HTML태그를 볼 수 있는데요.



HTML코드를 열었을 경우에 실수하면 안되니까 집중해서



Rainmann (179)
Knowledge (37)
Item Review (33)
Food Review (23)
Travel Review (5)
Windows Tip (8)
Galaxy Gear S3 (9)
Lightroom Guide (16)
Apple (32)
For Blog (16)
이 문장을 찾아 줍니다.






아래와 같은 화면을 볼 수 있습니다.



</div> 옆에서 엔터를 친 후




<script language="JavaScript">try{expandTree();}catch(e){}</script>



이 문구를 삽입하여 주세요.



그리고 저장을 누르고 창을 빠져 나옵니다.







그럼 제대로 적용이 되었는지 한번 확인해 볼까요?


제 블로그 홈으로 돌아와 카테고리 모습을 확인하였습니다.





짠~ 애플이라는 카테고리가 잘 펴져 있는 것을 확인 할 수 있습니다.



티스토리 블로그가 어렵다고 느끼는 것은 이러한 HTML작업때문이지만


유저가 직접 편집할 수 있는 자유도 또한 높기 때문에 아주 매력적입니다.




차근차근 따라해주시면 쉽습니다.^^


Posted by 레인만
,