티스토리 블로그 카테고리 보이기

티스토리 블로그를 시작하면서 "어떤 주제로 글을 올려야지!"라고 마음을 먹은 후...!

 

로그인 상태에서 [티스토리 메인화면] - [오른쪽 상단 계정 프로필] - [운영중인 블로그 설정(⚙)]

대강 임시로 카테고리를 추가해보았습니다! 그런데... 딱히 뭔가 바뀐게 없네요... 기존에 네이버 블로그를 다뤄본 경험이 있는 저는 굉장히 당황했습니다. 추가하면 당연히 화면에 반영되는 줄 알고 있었는데..

블로그 - 네비게이션 바

카테고리가 보이지... 않는다...?

웹 화면의 구조를 알아야 납득이 간다!

현재 제가 사용하고 있는 티스토리 스킨은 Whatever인데요, 이 '스킨'이라고 하는 것은 유저에게 화면의 내용이 어떻게 보여질 지를 미리 HTML(내용 구성)과 CSS(내용 배치, 꾸미기) 문서를 통해 정리해놓은 내용입니다. 즉, 어떤 내용을 화면에 내보내야 한다면 그 내용이 HTML 문서에 나타나야하고, 그것을 어떻게 꾸밀지는 CSS에서 다루게 되는 것입니다.

 

네이버 블로그의 경우 이러한 내용(HTML, CSS 등)을 고려하지 않아도 마우스 클릭을 통해서 충분한 조작이 가능하다는 장점이 있지만, 블로그 주인장이 블로그 구조를 커스텀 하는 데는 어느정도 한계가 있다는 단점이 존재합니다.

 

반면에 티스토리의 경우 이러한 부분을 사용자(블로그 주인장)가 마음대로 조작할 수 있도록 열어 둠으로써 초보자에게는 어렵게 다가올 수 있지만 보다 자유롭게 블로그 커스터마이징을 진행할 수 있다는 장점이 있습니다. 물론 기본 스킨샘플들을 제공함으로써 초보자분들도 충분히 사용하실 수 있지만 HTML과 CSS를 다룰 수 있는 분이라면 더욱 다채롭게 티스토리 블로그를 꾸미는 것이 가능해지겠죠?

 

본론 - 그래서 카테고리를 보이게 하려면 어떻게 해야되는데?

※ 본 내용은 wonderbout님의 내용을 참고하여 작성되었습니다.

 

Step 01.

우선, [운영중인 블로그 설정] 화면에서 [꾸미기]란에 있는 [스킨 편집]을 클릭한 후 [HTML편집]을 클릭해주세요!

 

좌 : [꾸미기] - [스킨 편집]        우 : [스킨 편집] - [HTML 편집]

[스킨 편집] 화면

Step 02. (선택 사항입니다)

wonderbout님의 블로그에서 공유해주신 내용은 CSS 문서에 새롭게 정의된 네비게이션바(메뉴바)에 대한 정보를 추가해주는 내용입니다. 그러나 기본적으로 제공하는 스킨에도 네비게이션 바에 대한 정의가 되어있기 때문에 이 부분은 선택사항입니다.

티스토리 whatever스킨 카테고리 메뉴 넣기

CSS 문서 최하단에 추가한 모습(선택사항입니다.)

Step 03.

HTML문서를 확인하신 후에 [네비게이션 바]에 대한 내용에 카테고리 리스트를 추가해주시면 됩니다. 이때 추가하고 싶은 내용은 미리 [운영중인 블로그 설정] 화면을 통해 추가해놓으시면 변경된 내용이 반영된 것을 바로 확인하실 수 있을 것입니다.

 

카테고리 리스트를 추가하시는 방법은 간단합니다. 바로 사진에서 보시는 것과 같이 HTML문서에서 카테고리 리스트를 나타내는 명령어(?)를 적절한 위치에 추가해주시면 됩니다. 라고 되어있는 부분을 둘러싸고 있는 부분이 네비게이션 바를 나타내는 <nav> 태그 입니다. 해당 태그 내부에 를 입력해주시고 저장(ctrl+s)를 눌러보시면 해당내용이 반영된 화면을 보실수 있습니다.

[스킨 꾸미기] - [HTML] 문서

Step 04.

끝이 아닙니다! 마지막으로 우측 상단의 [적용] 버튼을 눌러주시면!

*짠*_카테고리 리스트가 반영된 네비게이션 바입니다.

 

잘 해결되셨나요? Step 02 같은 경우는 CSS의 내용을 추가하는 것이라 생략하셔도 된다는 점 다시 한 번 말씀드리고, 그 외의 내용들은 다른 스킨에서도 활용하여 카테고리를 보이게 할 수 있을 것이라고 생각합니다.

 

모두 차근차근 해내갑시다!! 감사합니다.