반응형
티스토리 블로그를 개설한 후 가장 먼저 고민하게 되는 것이 바로 블로그 디자인입니다. 보기 좋은 블로그는 방문자에게 좋은 인상을 주고, 글을 읽는 경험도 훨씬 쾌적하게 만들어줍니다.
이번 글에서는 스킨 선택 기준, 추천 스킨, 홈화면 구성 팁까지 티스토리 블로그를 꾸미는 기본 방법을 소개합니다.
1. 스킨이란 무엇인가요?
스킨은 블로그의 전체적인 디자인과 레이아웃을 담당하는 테마입니다. 방문자가 보는 화면(홈, 글 목록, 개별 글 등)의 구조와 스타일을 정하는 핵심 요소입니다.
2. 좋은 스킨을 고르는 기준
- 반응형(Responsive) - PC와 모바일 모두 최적화
- 로딩 속도 - 불필요한 스크립트가 적은 스킨
- 간결한 디자인 - 콘텐츠 중심의 구조
- 메뉴 설정 가능 - 상단 또는 측면에 카테고리 메뉴가 보일 것
- 최근 업데이트 여부 - 오래된 스킨은 오류 발생 가능성 있음
3. 추천 티스토리 기본 스킨 3가지
- 1. #1 Basic (기본형)
심플하고 콘텐츠 중심 구조. 초보자에게 추천. 반응형 지원.
적합 대상: 일상기록, 글 중심 블로그 - 2. #2 Veil
이미지 중심 + 블로그형 레이아웃 조화. 미디어 콘텐츠 활용 시 유용.
적합 대상: 사진, 여행, 취미 블로그 - 3. #3 Whitenote
깔끔한 노트형 디자인, 읽기 쉬운 폰트 적용.
적합 대상: 정보형 글, 리뷰 블로그
스킨은 티스토리 관리 페이지에서 [스킨 편집] 메뉴로 들어가 선택 및 적용할 수 있습니다.
4. 홈 화면 구성 팁
블로그 첫 화면은 방문자가 처음 만나는 공간입니다. 첫인상을 좌우하는 만큼 구조를 잘 구성하는 것이 중요합니다.
- 상단 메뉴바에는 주요 카테고리(예: 일상, 공부, 여행 등)만 간결하게 표시
- 홈 화면 이미지는 가볍고, 주제를 잘 표현하는 대표 이미지 사용
- 최근 글 미리보기 기능을 활용하여 글 노출
- 사이드바 위젯에는 '최근글', '인기글', '태그' 등 정보 추가
5. 스킨 설정 & HTML 편집
스킨은 단순 적용 외에도 HTML/CSS 편집을 통해 꾸밀 수 있습니다. 초보자라면 아래 순서로 간단히 시도해 보세요.
- 관리자 페이지 → 꾸미기 → 스킨 편집
- 폰트 크기, 색상, 간격 등을 조정할 수 있음
- 미리보기로 적용 전 디자인 확인 가능
주의: HTML 수정은 실시간 반영되므로, 잘못된 코드는 블로그 전체 오류를 유발할 수 있습니다. 원본 백업을 권장합니다.
6. 모바일 화면 최적화도 꼭 확인!
티스토리 방문자의 대부분은 모바일에서 접속합니다. 모바일에서 글이 잘 보이는지, 메뉴가 잘 작동하는지 반드시 확인하세요.
- 폰트가 너무 작지 않은가?
- 이미지가 화면 밖으로 나가진 않는가?
- 메뉴가 터치하기 어렵진 않은가?
마무리하며
스킨 선택과 블로그 디자인은 단순히 ‘예쁘게 꾸미기’가 아닙니다. 방문자에게 신뢰를 주고, 콘텐츠를 쉽게 전달하기 위한 중요한 과정입니다. 처음에는 기본 스킨으로 시작하되, 점차 나만의 스타일로 커스터마이징해 보세요.
📌 다음 글 예고: 블로그 글쓰기 기본 규칙 – SEO를 고려한 글쓰기 첫걸음
반응형