본문 바로가기
블로그

[티스토리(Tistory)] 블로그 스킨 적용하기 (w. hELLO 스킨)

by 은성. 2022. 11. 24.

 

이번에 블로그 글 가독성을 높이기 위해 이것저것 알아보다가 마음에 드는 스킨을 찾아서 적용했다.

바로 hELLO라는 스킨!

 

이 스킨을 선택한 가장 큰 이유는 글 내부에 목차가 있다는 것이다.

포스팅을 올릴 때 목차를 먼저 생각하고 글을 채워나가는 타입으로 목차가 있다면 좋겠다고 계속 생각하고 있었기 때문..

 

추가로 사이드바가 좌측에 고정으로 존재한다는 것도 마음에 들고..

디자인도 깔끔하고 예쁘다.

 


🙌 hELLO 스킨 소개

- hELLO 스킨

https://pronist.tistory.com/5

 

hELLO 티스토리 스킨을 소개합니다.

hELLO hELLO 스킨은 본래 기능의 많이 없었다가, 최근 반응이 나쁘지 않아서 여러 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의 기능과

pronist.dev

 

- hELLO 스킨 다운로드 방법

위 블로그 글의 '다운로드' 부분에 있는 링크를 누르면 적용할 수 있는 스킨이 zip 파일로 다운로드된다.

유용하게도 포스팅 우측의 목차를 통해 빠르게 접근 가능하다.

 


🖥️ 티스토리 스킨 적용 방법

[블로그 관리 홈 - 스킨 변경 - 스킨 등록] 에 들어간다.

 

[추가] 버튼을 눌러 위에서 다운로드 받은 zip 파일의 압축을 풀고 모든 파일을 추가해주자.

이 때 images 폴더 안의 파일들도 함께 추가해주어야 한다.

README 파일은 추가하지 않아도 된다.

 

이렇게 추가한 스킨은 [블로그 관리 홈 - 스킨 변경 - 스킨 보관함] 에 등록될 것이다.

스킨 보관함에서 해당 스킨을 선택하고 [적용] 을 누르면 완료!

 


🛠️ 추가적인 설정

[블로그 관리 홈 - 스킨 편집] 에서 몇 가지 기본적인 설정을 간단하게 변경할 수 있다.

 

- 적용할 수 있는 설정들

위 블로그의 [어떤 기능을 제공합니까? - 살펴보기] 에 있는 더보기 버튼을 누르면 상세하게 설명이 되어 있다.

스킨 편집 창에서 수정할 수 있는 옵션들은 다음 사진을 참고하라.

개인적으로는 스킨 편집 창에 직접 들어가서 하나씩 수정하면서 테스트해보는 것을 추천한다.

 

아, 그리고 모니터 크기에 따라 다를 순 있겠으나 설정 창이 켜져있을 때 글 내부 목차가 보이지 않는 경우가 있다.

설정 창을 접어주면서 목차의 상태를 확인하자.

기본 상태에서 보이지 않는 목차 - 접기 버튼을 눌러주자.
목차가 나타난 것을 확인할 수 있다.

 

- 글 목록 스타일

개인적으로 스킨 설정 직후에 글 목록이 지저분하게 표시되어 수정을 해주었다.

선택할 수 있는 글 목록 스타일에는 [리스트], [리스트(오리지널)], [그리드], [갤러리], [지그재그] 가 있다.

 

- 리스트

 

- 리스트(오리지널)

 

- 그리드

 

- 갤러리

그리드에서 글 정보가 빠진 형태인듯

 

- 지그재그

 


👋 마치며..

티스토리 블로그의 가장 큰 장점은 스킨에 한계가 없다는 것이다.

원한다면 원하는 만큼 수정해서 사용할 수 있으니 정말 좋다.

필자는 사이드뷰와 목차의 가로 폭을 넓히는 방법을 고민할 예정..

'블로그' 카테고리의 다른 글

[티스토리] 블로그 폰트 변경하기  (1) 2024.11.18