티스토리는 블로그 게시물을 작성하기 위한 다양한 스킨을 제공합니다. 그 중에서도 베스트 스킨은 사용자들에게 가장 인기 있는 스킨 중 하나입니다. 그러나 베스트 스킨을 사용하더라도 제대로 설정하지 않으면 블로그가 예쁘게 나오지 않을 수 있습니다. 이번 글에서는 티스토리 베스트 스킨을 최적화하는 방법에 대해 알아보겠습니다.
티스토리 스킨 설정 최적화 방법 (TISTORY 최적화 세팅 설정법)
목차
폰트 설정
티스토리 베스트 스킨에서는 폰트 설정이 매우 중요합니다. 폰트 크기와 스타일을 적절하게 조절하여 글씨가 잘 보이도록 해야 합니다. 특히 본문 글씨 크기는 12px ~ 14px 정도가 적당하며, 너무 작거나 크면 독자들이 불편해 할 수 있습니다. 또한, 폰트 스타일은 일관성 있게 사용하는 것이 좋습니다.
색상 설정
티스토리 베스트 스킨에서는 색상 설정도 중요합니다. 색상 조합이 잘못되면 블로그가 지저분해 보일 수 있습니다. 따라서 적절한 색상을 선택하여 사용해야 합니다. 보통 밝은 색상과 어두운 색상을 조화롭게 사용하면 깔끔하고 시원한 느낌을 줄 수 있습니다.
사이드바 설정
티스토리 베스트 스킨에서는 사이드바 설정도 중요합니다. 사이드바에는 다양한 정보를 담을 수 있으며, 독자들이 블로그를 더 잘 이해할 수 있도록 돕는 역할을 합니다. 따라서 사이드바에는 카테고리, 최근 글, 태그 등의 정보를 적절하게 표시해야 합니다. 또한, 사이드바의 디자인도 깔끔하게 정리하여 사용자들이 보기에 편하도록 해야 합니다.
6-3) 스킨 설정 최적화 하기
Book Club 스킨을 적용했다고 해서, 바로 사용하기에는 아직 부족합니다.
포스팅이 분명 6개 이상인데도, 홈 화면에는 4개씩만 표시되고 2번째 페이지로 넘어가는 등, 아쉬운 점이 많기 때문입니다. 문제점 개선은 물론, 방문자들의 시선을 끝까지 사로 잡는 최적의 배치등을 하나씩 세팅해보겠습니다.
1) 먼저 티스토리 관리자 페이지 좌측 메뉴에서 [꾸미기 → 스킨 편집]을 클릭합니다.
(앞으로, 적용된 스킨 편집은 전부 여기서 진행하시면 됩니다)
* 티스토리 관리자 페이지 : https://~~~.tistory.com/manage
6-3-1) 스킨 편집창의 간단한 소개
그럼 아래와 같은 화면이 나타나는데요,
1번 (좌측 영역)은 현재 블로그의 첫화면이고, 2번 (우측 영역)은 세팅을 바꿀 수 있는 화면입니다. 세팅을 바꿨다면 3번 (새로고침)을 눌러, 임시로 확인할 수 있습니다.
(실제 적용된것은 아님)
4번 (적용)을 누르면, 실제로 세팅이 저장됩니다.
5번의 아이콘을 각각 누르면 [PC 화면 / 태블릿 화면 / 모바일 화면]에서 보여지는 모습을 확인할 수 있습니다.
(1) PC 화면
(2) 태블릿 화면
(3) 모바일 화면
6번은 각각의 페이지 모습을 확인할 수 있으며, 5번 아이콘으로 [PC 화면 / 태블릿 화면 / 모바일 화면]으로 확인해볼 수 있습니다.
위 기능은 굉장히 중요하고 편리한 기능인데요,
과거에는 내 블로그와 포스팅이 디바이스마다 어떻게 보여지는지 확인하려면,
실물 태블릿이나 스마트폰에서 접속해봐야 했지만, 지금은 저렇게 1초만에 확인할 수 있기 때문입니다.
자, 다음 진행을 위해 [홈]을 선택하고 [PC 화면] 모드로 변경해줍니다.
결론
티스토리 베스트 스킨을 사용하면 블로그를 예쁘게 꾸밀 수 있습니다. 하지만 설정이 잘못되면 오히려 블로그가 지저분해 보일 수 있습니다. 이번 글에서는 폰트 설정, 색상 설정, 사이드바 설정 등 베스트 스킨 최적화에 대해 알아보았습니다. 이제 이를 참고하여 자신만의 멋진 블로그를 만들어 보세요!
'티스토리 가이드북' 카테고리의 다른 글
티스토리 홈화면 최적화 스타일 변경 (커버 갤러리, 썸네일 리스트, 이벤트 배너, 뉴스레터) (0) | 2023.08.22 |
---|---|
티스토리 스킨 최적화 세팅방법 (스킨 편집창, 북리뷰, 베스트셀러, 뉴북, 뉴스레터) (0) | 2023.08.22 |
티스토리 추천 스킨, 제일 좋은 스킨 추천, 절대 하면 안되는 스킨들 (0) | 2023.08.22 |
티스토리 스킨 추천, 절대 하면 안되는 최악의 스킨, 최고 베스트 스킨 종류 (0) | 2023.08.22 |
티스토리 블로그 스킨 추천, 스킨 적용 변경 방법 (0) | 2023.08.22 |