✅ 티스토리 스킨 편집 방법 및 인기 스킨 추천

 

티스토리 스킨을 편집하면 내 블로그를 좀 더 개성 있게 꾸밀 수 있어요. HTML, CSS를 이용해서 직접 수정할 수 있으며, 아래 절차를 따라 해보세요.

 

1. 관리자 페이지 접속

  • 티스토리 블로그에 로그인한 후,
  • 오른쪽 상단에 있는 관리 메뉴 클릭

2. 스킨 선택 또는 변경

  • [꾸미기 > 스킨 변경] 메뉴로 이동
  • 원하는 스킨을 선택하거나 이미 적용된 스킨을 사용할 수 있어요

3. 스킨 편집하기

  • [꾸미기 > 스킨 편집] 메뉴 클릭
  • 여기서 HTML, CSS 직접 편집 가능

4. HTML 수정

  • index.xml 파일이 메인 구조
  • 여기에 블로그의 전체적인 HTML 구조가 정의되어 있어요
  • 블로그의 구성요소(본문, 사이드바, 푸터 등) 위치나 구성 변경 가능

5. CSS 스타일 변경

  • CSS 탭에서 색상, 폰트, 레이아웃 등 스타일 변경
  • 예시:
  • css
    복사편집
    .post-title { font-size: 24px; color: #333; }

6. 저장 및 반영

  • 변경 후 반드시 저장 버튼을 눌러야 적용돼요
  • 적용된 스킨은 실제 블로그에서 바로 확인 가능

 

🎁 팁: 스킨 백업은 필수!

스킨을 편집하기 전 백업을 꼭 해두세요. 잘못 수정할 경우 원래대로 돌릴 수 있어요.

 

 

✅ 티스토리 인기 스킨 추천 (2024 기준)

1. #1. Minit (미닛 스킨)

  • 📱 반응형 지원: PC, 모바일 모두 최적화
  • 🧼 미니멀하고 깔끔한 디자인
  • 🔍 글 목록 정렬, 썸네일 크기 조정 등 커스터마이징 쉬움
  • 블로그 주제: 일상, IT, 기록용 블로그에 추천

2. #2. Seed (시드 스킨)

  • ✨ 블로그형 + 매거진 스타일 선택 가능
  • ⚙️ 사이드바 위젯, 태그 정렬 등 다양한 옵션
  • 💬 댓글, 공감 버튼 디자인이 깔끔하게 잘 배치됨
  • 블로그 주제: 뉴스, 정보 제공, 테크 블로그에 딱

3. #3. GallaryUX (갤러리형 스킨)

  • 🖼 썸네일 위주의 그리드형 갤러리 스타일
  • 📸 포트폴리오, 사진, 그림 블로그에 강추
  • 💡 시각적인 임팩트가 중요할 때 좋아요
  • 블로그 주제: 사진, 디자인, 아트 블로그에 최적

4. #4. Readiz Base

  • 📐 단정한 정렬 + 사용자 편의성 강조
  • 🔧 스킨 설정 메뉴가 잘 구성되어 커스터마이징 쉬움
  • ✏️ 마크다운 기반 콘텐츠에도 잘 어울림
  • 블로그 주제: 개발자, 기술 블로그에 추천

5. #5. Paper

  • 📜 종이 느낌의 부드러운 배경과 타이포그래피
  • 👓 가독성이 뛰어나서 콘텐츠 중심 블로그에 최적
  • 🧰 CSS 수정도 쉬워서 초보자에게도 적합
  • 블로그 주제: 리뷰, 에세이, 글 중심 블로그

🔍 스킨 다운로드 & 적용 방법

  1. 티스토리 스킨 커뮤니티 또는 개인 제작자 블로그 방문
  2. .zip 파일 다운로드
  3. [관리 > 꾸미기 > 스킨 변경 > 새 스킨 등록] 에서 업로드
  4. 미리보기 > 적용하기 클릭

 

그럼 안뇽