티스토리 hELLO 스킨 적용하기 (2025년 7월 기준 작성)

2025. 7. 22. 19:06·IT/티스토리
✨ 리뉴얼 안내
예전에 운영하던 블로그에서도 2024년 10월에 소개한 적이 있었는데요,
이번에는 새롭게 리뉴얼하는 차원에서 다시 정리하여 작성해봅니다.

 

🗓️ 2025년 7월 기준

  • 적용 스킨: hELLO 스킨 v4.10.4
  • 제작자 블로그: 정상우님 블로그 (링크)
  • 다운로드 방법: 위 링크로 이동하면 아래 깃허브(github) 링크를 클릭하면 다운로드 받을 수 있습니다.
    압축파일을 다운로드 받은 뒤, 압축을 해제해 주세요.

🎨 스킨 적용 방법

1️⃣ 블로그 관리자 페이지 접속
[꾸미기] → [스킨 변경]으로 이동합니다.

 

2️⃣ ‘스킨 등록+’ 클릭
오른쪽 상단에 있는 ‘스킨 등록+’ 버튼을 누르면 업로드 창이 나타납니다.

 

관리자 페이지의 스킨 변경에서 스킨을 등록할 수 있습니다.
관리자 페이지의 스킨 변경에서 스킨을 등록

 

3️⃣ 압축 해제한 파일 선택

  • ‘추가’ 버튼을 눌러 다운로드 후 압축을 푼 폴더 안의 모든 파일을 선택합니다.
  • 📂 주의: images 폴더 안의 파일들은 별도로 한 번 더 추가해줘야 해요!
    (폴더 자체 선택만 하면 파일 업로드가 안 됩니다)

 

hELLO 스킨 등록할 때 폴더는 포함이 안 되므로 폴더 안에 파일을 따로 등록해주어야 합니다.
hELLO 스킨 파일 등록

 

4️⃣ 스킨 적용하기
파일 업로드가 완료되면 다시 **스킨 목록**으로 돌아가고
→ 우측에 '스킨 등록+' 아래 ‘스킨 보관함’ 메뉴를 클릭
→ 등록한 hELLO 스킨에 마우스를 올리면 ‘적용’ 버튼이 나타납니다.
👉 클릭하면 적용 완료!

 

등록한 hELLO 스킨 적용하기
등록한 hELLO 스킨 적용하기


🛠️ hELLO 스킨 기본 설정

스킨을 적용하면 홈 화면이 변경된 걸 바로 확인할 수 있습니다.
이제 필요한 기본 설정을 마무리할 차례입니다.
(✅ 이전 초기 설정글을 보신 분은 이 부분은 간단히 확인만 하셔도 좋아요!)

 

📚 추천 Tip

아직 게시글을 올리기 전이라면, 아래의 초기 설정 가이드를 먼저 완료하고 글을 작성하시는 걸 추천드려요.
(이미 보신 분들은 패스~ 😊)

 

 

티스토리 블로그 첫 시작! 초기 설정법

처음 티스토리 블로그를 개설하고 나서 관리자 페이지로 이동하여 초기 설정을 해두는 것이 좋습니다.먼저 우측 상단의 T스토리 아이콘을 클릭하면 ‘운영중인 블로그’ 목록이 표시되고,우측

intelwarehouse.tistory.com

 

🧾 필수 설정 체크리스트

🔧 플러그인 설정

  • ⛔ 코드 문법 강조(Syntax highlight) → ❌ 해제
  • ⛔ 카테고리 글 더보기 → ❌ 해제
  • ✅ 메타 태그 등록 → ✔️ 추가

📱 모바일 설정

  • 🔌 모바일 웹 자동 연결 → ‘사용하지 않습니다’로 설정
☝️ 이 설정들은 SEO 및 hELLO 스킨 최적화에 꼭 필요한 부분입니다.
아직 안 하셨다면 꼭 따라해 주세요!

 

💡 마무리하며

이상으로 hELLO 스킨 적용과 설정 방법을 소개해드렸습니다.
필요하신 분들께 도움이 되었길 바랍니다.
감사합니다 🙏

 

🎨 hELLO 스킨 설정 팁! (사이드바 크기, 이미지 고정, 코드 하이라이팅)

 

🎨 hELLO 스킨 설정 팁! (사이드바 크기, 이미지 고정, 코드 하이라이팅)

이전 글에서 hELLO 스킨을 티스토리 블로그에 적용해보았는데요.혹시 아직 hELLO 스킨을 적용하지 않은 분들은 아래 링크로 이동하여 스킨 적용 후 이 글을 읽으시는 걸 추천드립니다. 티스토리 hEL

intelwarehouse.tistory.com

 

hELLO 스킨 코드 하이라이트(highlight.js) 커스터마이징 가이드 (줄번호, 언어표시, 복사버튼, 인라인 코드블럭)

 

hELLO 스킨 코드 하이라이트(highlight.js) 커스터마이징 가이드 (줄번호, 언어표시, 복사버튼)

이전에 hELLO 스킨의 사용법과 스킨 옵션 설정 방법에 대해 소개해드렸는데요.이번에는 hELLO에 내장된 `highlight.js(코드 문법 강조)`기능을 활용하는 방법과,더 나아가 다양한 기능을 추가하는 커스

intelwarehouse.tistory.com

 

'IT/티스토리' 카테고리의 다른 글
  • 🌐티스토리 블로그 구글 검색에 노출시키기(Google Search Console)
  • hELLO 스킨 코드 하이라이트(highlight.js) 커스터마이징 가이드 (줄번호, 언어표시, 복사버튼, 인라인 코드블럭)
  • 🎨 hELLO 스킨 설정 팁! (사이드바 크기, 이미지 고정, 코드 하이라이팅)
  • 티스토리 블로그 첫 시작! 초기 설정법
잡지사장
잡지사장
잡다한 지식과 정보를 모아놓은 창고입니다. 뒤적뒤적
  • 잡지사장
    잡다한 지식 창고
    잡지사장
  • 전체
    오늘
    어제
    • 분류 전체보기 (24) N
      • IT (17)
        • 티스토리 (11)
        • 소프트웨어 (6)
      • AI 생성 (4) N
        • StableDiffusion (4) N
      • 게임 (3)
        • 뉴스 (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    battlefield6
    하단 광고
    배필6
    hello 스킨
    사일런트 힐F
    SD 1.5
    WebUI Forge
    보더랜드4
    유틸리티
    배틀필드6 출시
    Windows
    AI이미지
    Embeddings
    데몬x마키나 타이타닉 사이언
    포맷
    티스토리
    블로그
    2025년 9월 출시 예정 게임
    배틀필드6
    인용문구
    영웅전설 하늘의 궤적 the 1st
    hELLO스킨
    드라이버
    프롬프트
    할로우 나이트 실크송
    구글 애드센스
    중복 드라이버
    소프트웨어
    stability matrix
    WEBUI
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.4
잡지사장
티스토리 hELLO 스킨 적용하기 (2025년 7월 기준 작성)
상단으로

티스토리툴바