스킨 다운로드
파일을 받아 압축을 풉니다. 최신 업데이트가 적용된 파일은 github에서 받을 수 있습니다.
스킨 등록
티스토리 블로그에서 관리자 페이지로 이동합니다. 관리자 화면을 찾지 못한다면, 블로그 주소 뒤에 /manage를 적어 이동할 수 있어요.
왼쪽 목록에서 꾸미기 > 스킨 변경을 클릭합니다.
스킨 등록으로 이동합니다.
추가를 누르고 모든 파일을 등록합니다. images에 있는 파일까지 모두 추가해야 해요.
캥거루 스킨을 사용하기 위해 필수로 추가해야 하는 파일은 다음과 같습니다.
- index.xml
- skin.html
- style.css
- code-dark.css
- code-light.css
- highlight.js
파일목록에 추가되었다면 저장을 눌러 파일을 등록합니다. 스킨명은 마음대로 설정해도 됩니다.
완료되면 꾸미기 > 스킨 변경에서 스킨 목록으로 이동합니다. 그리고 방금 등록한 스킨을 적용해 줍니다.
이제 블로그로 이동하면 스킨이 적용되었을 거에요.
스킨 기본 설정
꾸미기 > 스킨 편집에서 설정을 바꿀 수 있습니다.
캥거루 스킨을 사용한다면 목록 구성 요소를 목록+내용으로 두어야 합니다. 다른 설정은 블로그 특성에 맞게 선택할 수 있어요.
각 설정에 대한 설명입니다.
- 본문 목차 생성: 본문 제목 아래에 목차를 자동 생성합니다.
- 브랜드 컬러 선택: 블로그 전반에 사용되는 포인트 색상입니다.
- 댓글창 숨김: 본문 하단의 댓글 영역을 숨깁니다.
- 캥거루 스킨 스타일 적용: 캥거루 스킨 특유의 편집 방식을 활성화합니다. 자세한 내용은 캥거루 스킨 사용법 참고해주세요.
- 코드 블록 테마: 본문 코드 블록의 테마입니다. (highlight.js)
- 수식 표기: 본문 내 $로 감싸진 latex 표현을 수식으로 변환합니다. (mathjax3)
- Github 링크: 우측 패널의 프로필에 Github 링크를 표시합니다. 생략하고 싶다면 비워두셔도 괜찮아요.
- 애드센스 설정: 블로그 내 광고 관련 정보를 입력합니다.
설정을 완료했다면 우측 상단 적용을 클릭해 설정을 저장합니다.
⭐다시 관리자 페이지로 돌아와 꾸미기 > 모바일에서 "티스토리 모바일웹 자동 연결을 [사용하지 않습니다]"로 설정합니다.
다음은 플러그인으로 이동해 필요하지 않은 플러그인을 제거합니다. 제가 추천하는 플러그인은 아래 3가지에요.
- 반응형 웹스킨 이미지 최적화
- 구글 서치콘솔 (선택)
- 메타 태그 등록 (선택)
마지막으로 관리 > 블로그 > 블로그 설정에서 프로필 이미지와 아이콘, 파비콘을 등록합니다. 파비콘은 탭에 표시되는 이미지로 .ico 형식을 사용합니다.
여기까지가 기본 세팅입니다. 그 외에도 카테고리, 사이드바, 메뉴 등 다양한 설정이 가능해요.
추가 설정
꾸미기 > 메뉴는 상단 GNB 영역에 링크를 삽입합니다.
꾸미기 > 사이드바는 우측 사이드바에 요소를 추가하거나 제거할 수 있습니다.
