본문 바로가기

Study/Tips

[티스토리 스킨 편집] 0. 티스토리 스킨 적용하기

티스토리에 새로운 스킨이 업데이트 됐다. 새로 추가 된 'POSTER'스킨을 조금씩 커스터마이징 하는 방법을 알아보자.

새로운 스킨을 아예 처음부터 만드는 방법은 다음에 업로드 할 것이다.

 

목표는 다음과 같다:

  1. 글쓰기 버튼 만들기; Letter 스킨처럼!
  2. 하단 네비게이션 바 수정; 홈 태그 갤러리 About으로
    1. 갤러리; 벽돌(크기자유) 모양으로 모든 사진 나오게
    2. 포스팅에서도 똑같이 나오게
  3. 홈 메뉴의 갤러리는 밥일기/ 사진만 나오게
  4. 포스트 스크롤 바 삭제. 위쪽에 progress bar 추가
  5. Study 카테고리 포스트 오른쪽에 sticky toc 추가
  6. 이미지 썸네일에 NO_IMG 대신 제목이 들어간 이미지 추가(자동삽입)
  7. 코드블럭 하이라이트 적용
  8. `더보기` 대신 pagination 이용하기
  9. breadcrumb (Study/WebProgramming 누르면 그 카테고리로 이동하는거)
  10. top / bottom 이동 버튼

 

 

0. 스킨 적용하기

[블로그 관리 - 꾸미기 - 스킨변경]에서 'POSTER'스킨을 적용해 주자.

그 후 html 편집을 누른다. 이 html과 css를 수정하여 원하는 대로 커스터마이징 할 수 있다.