티스토리 뷰

티스토리 꾸미기, 정말 쉽다!




이번 포스팅은 티스토리 꾸미기 입니다.

네이버 블로그, 포스트와 달리 

티스토리는 HTML/CSS를 수정할 수 있게 오픈해놔서 

어느정도 입맛대로 꾸미는게 가능합니다!


하지만 이 나눔의 방향은 

'가능한 코딩 없이 블로그 운영하기' 으로 정했기 때문에

기존 유저들이 공유해놓은, 혹은 툴을 사용해서 꾸밀 수 있는 범위안에서

꾸며보고자 합니다.






Step.1 무료 스킨을 구하자!


티스토리는 워드프레스와 마찬가지로 스킨을 제공합니다.

스킨이란 일종의 DIY제품으로 기존 유저가 제작해 놓은 것을 그대로 가져다 쓸 수 있습니다.

여기서 본인에게 맞게 수정도 가능합니다. 


스킨을 얻을 수 있는 곳은 크게 두 군데 입니다.


1. 본인 블로그 -> 꾸미기 -> 스킨변경 

2. 티스토리 공식 스킨페이지 ->http://www.tistory.com/skin


티스토리에서 공식적으로 배포하는 것도 있고, 

유저가 만들어서 배포하는 것도 있습니다.


둘다 큰 차이점은 없으니 원하시는 걸 받아서 사용하시면 됩니다.

스킨중에 유료로 배포하는 것도 있으나

잘 찾아보면 무료도 이쁜게 많아요!


Point. 반드시 #반응형 지원하는 스킨을 선택하세요!


티스토리 특성상 주 이용자는 국내 유저입니다. 

이미 검색 디바이스 사용율은 모바일이 PC를 훨씬 앞섰습니다.

(검색에 대해서 더 자세하게 나눌 수 있는 포스트 준비할게요 ^^)

 

하지만 대부분 유저들이 포스팅하는 디바이스는 PC일 것입니다.

만약 모바일버전으로 따로 최적화작업을 한다면 모르겠지만

일을 두번하게 되는 셈이니 편하게 반응형으로 갑시다!


*반응형이란? > 디바이스의 해상도에 맞춰서 웹 사이트의 레이아웃이 반응하는 것.

쉽게 확인하시려면 워드프레스 사이트 아무거나 들어가시고 창 크기를 늘렸다~ 줄였다 해보세요!


 -> 

(브라우저 크기를 조절하면 위 사진 같이 크기에 맞게 레이아웃이 변경되는걸 확인할 수 있습니다.)





Step.2 스킨 적용


스킨을 구했으면 적용하러 갑니다.


본인 블로그관리 -> 스킨변경 -> 스킨등록 -> 저장

이 순서면 끝납니다.


* 받으신 스킨의 압축을 풀고 안에 있는 파일들을 업로드 해주세요.





여기까지 하셨으면 티스토리의 뼈대가 되는 부분은 끝난겁니다.




Step.3 카테고리 설정


다음으로는 글이 발행되고 위치하게 될 카테고리를 설정하면 됩니다.

예시는 다음과 같습니다.



위 사진은 지금 보고계신 티스토리에 적용해놓은 카테고리 입니다.

카테고리를 추가하는건 GUI가 적용되어 있으니 마우스로 끌어다가 추가하시면 됩니다.


현재 카테고리는 부모-자식 노드(1차 카테고리-2차 카테고리)까지 추가 할 수 있습니다.




Step.4 그 외 플러그인 설치


Step.3까지 하셨다면 당장 티스토리 운영을 시작할 수 있습니다.

사실 step.3 같은건 정보 공유라고 할 수도 없겠네요.. ㅎ


마지막으로 이번 스텝에서는 티스토리 운영에 도움이 되는 

플러그인을 깔아봅시다.




블로그관리 -> 플러그인에 들어가면 티스토리에서 지원하는 플러그인 목록이

나옵니다.


본인이 원하는 플러그인을 적용하면 끝납니다. 참 쉽죵


몇 가지 플러그인을 추천드리자면

  • 분석 : 구글 애널리틱스 / 네이버 애널리틱스
  • 광고 : 구글 애드센스 / 데이블 (전 안하지만...)
  • 서포트 : 우클릭 방지 / 반응형 웹스킨 최적화 / 이전 글 링크 / 저작권자 표시 / 파비콘 등
    *파비콘 - 브라우저 탭 타이틀 왼쪽에 삽입되는 이미지


이 정도가 있습니다.


사실 티스토리는 지원체계가 잘 잡혀서 사용한다기 보다는

애드센스 때문에 쓰는 목적이 크기 때문에 

플러그인 지원이 약해도... 

아무리 에디터가 개판이래도...!!!

감사하고 써야죠 뭐 ㅎ


이상 이번 나눔을 마칩니다.

궁금한 점 있으시면 댓글 주세요 





댓글
댓글쓰기 폼