본문 바로가기
티스토리 가이드북

티스토리 최적화 스킨 세팅 방법 (기본 리스트, 썸네일 리스트, 뉴스레터, 캐버 갤러리1, 커버갤러리2, 이벤트 배너)

by AI노마드랩 2023. 8. 21.
반응형

티스토리 블로그는 유저들이 손쉽게 블로그를 운영할 수 있도록 많은 기능을 제공합니다. 그 중에서도 스킨은 블로그를 꾸미는 데 가장 중요한 역할을 합니다. 이번 포스트에서는 티스토리 블로그를 최적화하는 스킨 세팅 방법에 대해 알아보겠습니다.

 

티스토리 최적화 스킨 세팅 방법 (기본 리스트, 썸네일 리스트, 뉴스레터, 캐버 갤러리1, 커버갤러리2, 이벤트 배너)

 

 

 

목차

     

     

    기본 리스트

    티스토리 블로그의 기본 리스트는 블로그의 메인 페이지에서 최근 게시물들을 보여주는 기능입니다. 이 기능을 최적화하려면, 게시물의 제목과 내용이 모두 보이도록 글자 수를 조절하는 것이 좋습니다. 또한, 게시물의 썸네일 이미지를 설정해주면 시각적인 효과도 더해집니다.

    썸네일 리스트

    썸네일 리스트는 기본 리스트와 비슷하지만, 게시물의 썸네일 이미지가 함께 보여지는 리스트입니다. 이 기능을 사용하려면, 게시물에 이미지를 첨부하고, 첨부된 이미지를 썸네일로 설정해주면 됩니다. 또한, 썸네일 이미지의 크기를 조절하여 블로그의 레이아웃에 맞게끔 설정하는 것이 좋습니다.

    뉴스레터

    뉴스레터는 블로그의 구독자들에게 매주 블로그의 최신 게시물을 이메일로 전송해주는 기능입니다. 이 기능을 사용하려면, 티스토리 블로그의 설정에서 뉴스레터 기능을 활성화하고, 게시물을 작성할 때 구독자에게 전송할 내용을 추가해주면 됩니다.

     

     

     

    커버 갤러리 1

    커버 갤러리 1은 블로그 상단에 배치되는 이미지 갤러리입니다. 이 기능을 사용하려면, 티스토리 블로그의 설정에서 커버 갤러리 1을 활성화하고, 이미지를 업로드하여 갤러리에 추가해주면 됩니다.

    커버 갤러리 2

    커버 갤러리 2는 블로그의 사이드바에 배치되는 이미지 갤러리입니다. 이 기능을 사용하려면, 티스토리 블로그의 설정에서 커버 갤러리 2를 활성화하고, 이미지를 업로드하여 갤러리에 추가해주면 됩니다.

    이벤트 배너

    이벤트 배너는 블로그 상단에 배치되는 광고 배너입니다. 이 기능을 사용하려면, 티스토리 블로그의 설정에서 이벤트 배너를 활성화하고, 광고 이미지와 링크를 추가해주면 됩니다.

     

     

    6-3-3) 홈화면 스타일 변경 (고급편)

    기본적으로는 [일반편] 중의 스타일 중에서 정해도 좋지만, 블로그 주제나 취향에 따라 다른 스타일이 더 적합할 수 있어 소개해드립니다.

    먼저 [스킨 편집 창] 우측의 [커버]를 눌러보세요.

    (1) 기본 리스트

    1) 디폴트로 [기본 리스트]가 설정되어 있는데 [적용 → 새로고침 ]을 눌러보세요.

    * 지금부터는 [적용 → 새로고침] 캡처 화면은 생략하겠습니다.

     

     

     

    2) 그럼 아까 기본편에서 봤던 [뉴스레터]처럼, [썸네일]이 사라지고, 포스팅이 한줄에 1개씩만 배치되는 형태로 바뀝니다. 사진이 거의 없고, 텍스트 위주인 포스팅이라면 추천드립니다.

     

    (2) 썸네일 리스트

    이번엔 다른 스타일로 변경해보겠습니다. 

    1) 먼저 [기본 리스트] 옆의 [수정]을 눌러보세요.

     

     

    2) 커버 아이템에서 총 6가지 종류를 선택할 수 있는데 [섬네일 리스트]를 선택하고 [저장]을 누릅니다.

     

     

     

     

    3) 아까 화면으로 빠져 나오는데 [적용 → 새로고침]을 누르면, 바로 변경됩니다.

    4) [기본편]에서 봤던 [베스트 셀러]와 비슷하죠? 이 또한 설명보다 이미지 1장으로 시선을 사로잡을 수 있을때 추천드리는 스타일입니다.

    (3) 뉴스레터

    [고급편]의 ‘뉴스레터’는 [일반편]의 ‘뉴스레터’와 다르며 ‘뉴북’과 같습니다.

    (왜 헷갈리게 이렇게 만들었는지 모르겠네요…)

    아까도 말씀드렸지만, 이 스타일은 제목, 설명, 썸네일이 적절히 섞인 밸런스형이라, 개인적으로 즐겨쓰는 편입니다.

     

     

     

    (4) 커버 갤러리 1

    이번엔 처음보는 형태로, 아까 [썸네일 리스트]와 비슷하지만, 사진이 작아진 형태입니다.

    이 역시, 설명보다 사진 1장의 효과가 더 클때 추천드립니다.

     

     

    (5) 커버 갤러리 2

    이번엔 [커버 갤러리 1] 에서 간단한 설명이 추가된 모습입니다. 

    대신 포스팅이 5개에서 3개로 줄어들었습니다.

    (6) 이벤트 배너

    이번엔 말 그대로, 이벤트 배너나 광고, 홍보, 마케팅 이미지에 적합한 형태입니다.

    이것만큼은 일반적인 블로그에는 추천드리지 않으며, 상품 홍보 판매나 기업형 블로그에 활용하기를 권장드립니다.

     

    결론

    위에서 소개한 티스토리 블로그의 스킨 세팅 방법들은 블로거들이 블로그를 운영하는 데 큰 도움이 될 것입니다. 각각의 기능들을 적절하게 활용하여, 더욱 멋진 블로그를 만들어보세요.

     

     

     

    반응형