#02. 티스토리 카테고리 내 마음대로 디자인하기

 

 

 

 

 

 

안녕하세요!!

 

지금쯤 로또맘과 남편 하니는 제주도 여행중일겁니다.

 

로또와 함께 태교여행을 떠나기로 하였습니다!!!!!!유후~

 

 

 

 

고로 이 포스팅은 예약되어진 포스팅이지요!

 

 

 

 

로또맘이 네이버 블로그에서 티스토리 블로그로 옮기면서

 

가장 매력을 느낀 부분이 바로 내취향따라 디자인 변경이 가능하다는 점- 입니다.

 

 

티스토리 블로그 꾸미기 시즌 투-!

 

 

 

빠빰

 

 

 

너무 딱딱하고 따딱따딱 붙어있어 가독성도 떨어지고

 

진부했던 카테고리를 내마음대로 디자인한 이미지로 변경하는 것입니다!

 

 

 

 

 

왼쪽 녀석을 오른쪽 녀석처럼!!

 

제눈에만 더 괜찮아진것 같나요?!ㅎㅎ

 

 

 

먼저 간단하게 포토샵으로 상위카테고리 이미지를 만들어 줍니다.

 

 

최대한 앙증맞게 보였으면 하는 마음으로 초스피드로 만들었습니다ㅎㅎ

 

 

블로그 HTML에 들어갈 이미지의 확장자는 반드시 jpg 또는 png여야 합니다.

 

기존 블로그는 반드시 저장해두시고 시작하세요!

 

실패하면 되돌릴수가 없어요ㅠㅠ

 

 

 

 

기본 준비가 되었다면 이제 본격적으로 시작해볼까요?!

 

 

 

 

 

티스토리 관리에서 HTML/CSS편집에 들어갑니다.

 

 

 

 

 

파일업로드>추가를 클릭해 위에서 미리 만들어 두었던

 

상위카테고리 이미지를 불러옵니다.

 

카테고리갯수가 많으면 많을 수록 추가할 이미지가 많겠죠?!

 

 

 

 

 

 

 

 

 

이미지가 추가되었다면 오른쪽마우스를 클릭하시고 속성에서

 

주소(URL)를 복사합니다.

 

한번에 하기위해 이미지마다 주소를 복사하여 메모장같은곳에 미리 복사해두면 편하겠죠?

 

 

 

 

 

이제 HTML/CSS를 다시 클릭!!

 

모든분들이 가장 어렵다고 느끼는 부분이겠죠?

 

하나하나 차근차근하면 어렵지 않아요!

 

 

 

 

Ctrl + F 를 통해 'sidebar'를 검색해주세요.

 

위 사진은 드래그영역이 큰데..ㅠㅠ 잘 보시면 (##_category_##) 라고 보이실거에요.

 

그것만 지워주시고!

 

 

 

 

로또맘과 함께하는 카테고리만들기.txt

 

 

 

 

위 텍스트 파일을 다운받아주세요.

 

 

 

 

 

 

위 텍스트 파일과 비교하며 봐주세요 ^^

 

젤 위에 있는 분류전체보기링크주소는 '분류전체보기'를 눌렀을때 뜨는 주소입니다.

 

그리고 이미지주소는 위 속성에서 미리 복사해뒀던 주소(URL)를 넣으시면됩니다^^

 

 

카테고리에 경계선을 빼실려면 경계선이미지 부분을 지워주시면 되구요.

 

 

상위카테고리이미지도 마찬가지로 링크주소와 이미지주소를 넣어주세요

 

하위카테고리는 이미지없이 그냥 글만 넣었습니다!

 

 

필요하시면 더 추가하셔서 쓰시면됩니다!

 

 

 

 

 

 

디자인을 바꿔놓고

 

 

단점이 보였는데....

 

 

그건바로 NEW 표시가 안뜬다는 점-

 

 

 

 

 

 

 

최대한 쉽게 설명한다고 시작한건데

 

이해가 되셨을런지 모르겠네요!^^

 

 

도움이 되셨길 바라면서

 

 

로또맘은 이만 제주도 여행갈 준비하러 뿅!♥