끄적끄적/블로그이야기

티스토리 블로그 스킨 변경하는 방법 hELLO 스킨 추천

멱군 2024. 3. 7. 15:21

블로그를 운영하며 '내 블로그가 정말 독자에게 최고의 경험을 제공하고 있는가?'라는 질문 역시 블로그 운영자라면 누구나 한 번쯤은 고민해보게 됩니다. 제 경우에도, 기존의 스킨이 페이지 로딩하는데 오래걸리더라구요. 티스토리 블로그 스킨을 여기저기 찾아보다가 'hELLO' 스킨을 적용하였습니다. 훨씬 깔끔해진 느낌이 마음에 드네요. hELLO 스킨다운로드 받는 방법부터 티스토리 블로그 스킨 변경하는 방법까지 알아보도록 하겠습니다.

 

 

1. 갑자기 스킨을 변경하게 된 이유

원래는 개발자 블로그이기도 하고 그냥 정리용으로 사용만 하던 블로그 였답니다.

그래서 원래 사용하던 스킨에서 덕지덕지 이것저것 가져다 붙이다보니 점점 느려지는듯 했습니다.

그리고 구글서치콘솔에서도 페이지경험을 보면 페이지로딩에 대한 개선이 필요하다고 나오더라구요.

구글서치콘솔 페이지경험 - 개선이 필요함

 

이제 블로그를 좀 살려서 이쁘게 꾸며볼까? 라는 생각으로 스킨부터 바꿔보자로 마음먹고 찾아보게 되었답니다.

 

2. 'hELLO' 스킨 다운로드 받기

제가 이번에 적용한 스킨은 'hELLO' 스킨이랍니다. 정상우님께서 개발하고 무료로 배포하셨어요. 스킨의 모토가 깔끔함과 단순함이라고 하더라구요.

개발자 블로그에서는 다른 기능보다는 가독성이 중요하다고 생각하기에 제가 생각하던 취지와 딱 맞아떨어졌습니다.

'hELLO' 스킨은 정상우님의 티스토리에서 다운로드 받으실 수 있답니다. 

 

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

hELLO 스킨은 초기에 기능이 많이 없었다가, 티스토리 블로거 여러분의 호응에 힘입어 기능의 추가와 함께 업데이트를 여러 번 하게 되었습니다. hELLO 1.0 때와 비교하면 비교할 수도 없을 만큼의

pronist.tistory.com

글을 읽어보시면 중간쯤에 다운로드 받기가 있습니다.

hELLO-dist.zip ( v4.2.2) 파일을 다운받아서 진행하시면 됩니다.

 

3. 티스토리 블로그 스킨 변경하는 방법

위 스킨은 잘 받으셨나요? 스킨을 받았다면 먼저 파일의 압축을 풀어주세요.

 

1. 파일압축풀기

hELLO-dist.zip ( v4.2.2) 압축풀기

다운로드 받은 파일을 압축을 풀면 위의 그림과 같이 스킨 소스가 나옵니다.

그러면 이 파일을 그대로 티스토리에 업로드 해주시면 됩니다.

 

2. 스킨등록하기

티스토리 블로그 관리에서 꾸미기 > 스킨변경을 클릭합니다.

꾸미기 > 스킨변경

그리고 스킨등록을 클릭합니다.

스킨변경하기 - 등록버튼 클릭

위쪽 추가버튼을 클릭해서 다운로드 받은 폴더를 선택합니다.

티스토리 블로그 스킨변경하기 - 추가버튼 후 파일 선택 업로

모든 파일을 선택해서 열기버튼을 눌러서 스킨을 업로드합니다. 

스킨등록에서 파일 업로드 완료

파일이 모두 올라갔다면 저장을 클릭하시면 됩니다.

 

3. 추가파일 업로드

하지만 hELLO 스킨은 여기서 끝이 아니에요. images 폴더에 있는 자바스크립트 파일도 업로드를 해줘야 합니다.

이번엔 스킨편집으로 이동합니다.

스킨편집에서 파일업로드를 선택합니다.

스킨편집 > html편집 > 파일업로드 에서 images 폴더 안의 모든 파일 업로드

여기까지 하고 적용을 하셔야 스킨이 변경됩니다.

 

4. 티스토리 블로그 hELLO 스킨 변경 적용 확인

티스토리 스킨 변경전

티스토리 스킨 변경하기 전

스킨을 변경하기 전에는 각 글에 대한 로딩이 많이 느리기도 했고, tistoy에서 강제광고를 삽입하면서 레이아웃이 계속 추가되면서 변하는게 짜증이 나기도 했어요.

티스토리 스킨 변경 후

어떤가요? 다른게 느껴지시나요?

홈 접속시 최신글을 보여주는 페이지
글 보기 페이지

전체적으로 깔끔하면서 단순함이 느껴집니다.

글보기에서는 오른쪽에 목차가 한번 더 나와서 훨씬 글을 찾아가거나 보기가 좋아졌습니다.

 

5. 주의 사항

몇몇개의 플러그인은 충돌이 날 수 있으니 사용해제를 해주셔야 합니다. 

저같은 경우에는 소스코드를 많이 포스팅하는데 소스코드 관련된 플러그인을 해제해 주었습니다.

hELLO 스킨에는 소스코드에 관한 스크립트도 잘 적용이 되어 있거든요.

 

결론

'hELLO' 스킨을 적용한 후, 제 블로그가 좀 더 깔끔하고 이쁜 매력적인 공간으로 바뀐거 같아요.

단지 스킨 하나를 바꿨을 뿐인데 말이죠.

티스토리 블로그를 운영하시는 분들께 'hELLO' 스킨을 강력히 추천합니다.

여러분의 블로그도 분명 환골탈태할 거랍니다.