티스토리 스킨 꾸미기

안녕하세요

제가 최근에 티스토리 블로그를 꾸미는 중이여서

다양한 디자인을 시도해보았는데요

 

특별히 

 

아래 블로그를 너무 깔끔하다고 생각해서

벤치마킹해서 따라해보다가

https://life-with-coding.tistory.com/

나다움

 

메뉴 대신에 > 카테고리를 사용하신 것 같아서

그 방법을 고민해보았고, 방법을 설명드리도록 하겠습니다.

 

 

1) 메뉴 창이 아닌 카테고리 창 띄우기!

 

1-1. 티스토리 변경화면에서 꾸미기 > 스킨 편집으로 들어갑니다.

 

 

 

 

1-2. HTML 편집 버튼을 클릭합니다.

 

 

 

 

1-3. html을 수정해준다. 

 

Ctrl + F 키를 눌러서 "gnb" 라는 키워드를 검색합니다.

 

그리고 다음과 같이 blog_menu 라고 되어있는 부분을 category_list로 고쳐줍니다.

 

 

 

변경 전

 

 

 

변경 후

 

 

* 대신 티스토리 관리 화면에서 자신만의 카테고리를 만들어주어야 합니다.

 

 

 

 

 

 

2) 분류 전체보기 삭제해준다.(CSS 화면으로 넘어간다.)

 

 

 

 

 

2-1. 동일하게 Ctrl + F 키를 눌러서 "gnb"를 찾아준다.

 

2-2. gnb에 대한 내용이 끝나는 부분에 아래 코드를 붙여준다.

#gnb > ul.tt_category > li a.link_tit{display:none;}

 

그러면 분류 전체보기가 사라진다.

 

 

아래와 같이 어느정도 완성이 된다.

 

 

 

 

이렇게 특정 티스토리를 보면서 벤치마킹해나가다보면

어느정도 예쁜 블로그를 만들어낼 수 있을 것이다.

 

 

출처: 해당 사이트를 참고하여 따라해보았습니다.

https://life-with-coding.tistory.com/

나다움