본문 바로가기
블로그 정보/티스토리

티스토리 블로그 사이드바 효과와 설정 방법

by 비르자이 2024. 4. 19.

블로그나 홈페이지 본문 영역 옆에 사이드바를 배치하면 블로그 내 추가 정보를 제공함으로써 방문자 경험에도 좋은 영향을 줄 수 있다. 물론 블로그 디자인에 정답은 없어서 운영자의 생각이나 취향 등에 따라 사이드바 배치가 번거롭거나 지저분하다고 느끼는 경우도 있을 것이다.

하지만 방문자의 좋은 경험을 생각했을 때 역시 사이드바를 배치하는 것은 좋은 선택이라고 본다. 아래는 사이드바를 배치했을 때 얻을 수 있는 효과를 정리해 보았는데 참고해 보자.



블로그 사이드바 효과

콘텐츠 가시성 향상 :
이 티스토리 블로그의 사이드바를 예로 들면 카테고리 목록부터 공지사항, 최신글/인기글, 댓글, 태그 목록이 있다. 만약 사이드바를 배치하지 않는다면 방문자는 블로그의 해당 콘텐츠를 찾을 가능성이 낮아질 것이다. 반대로 이야기하면 콘텐츠를 노출했을 때 방문자는 더 많은 콘텐츠에 접근할 수 있고 이는 좋은 경험으로 이어진다.

탐색 기능 향상 :
방문자는 키워드로 검색한 글이 마음에 들면 블로그 내 다른 콘텐츠에도 관심이 생길 수 있다. 카테고리와 최신글/인기글 그리고 태그 목록은 현재 블로그가 어떤 성격이고 어떤 콘텐츠를 제공하는지 설명해 준다. 이를 통해 방문자는 더 많은 콘텐츠를 탐색할 수 있다.

수익 향상 기회 :
자신의 블로그 도메인으로 구글 애드센스 승인을 받았다면 설정을 통해 사이드바에도 광고를 노출할 수 있다. 수익 측면에서는 본문 광고보다 효율이 낮다고 하지만, 그래도 광고 노출 기회가 더 생겨서 플러스로 작용한다. 물론 운영자의 따라 사이드바 광고가 과하다고 느낀다면 설정하지 않아도 상관없다.

* 사이드바는 보통 화면 폭이 넓은 컴퓨터나 태블릿 PC로 접속했을 때 방문자에게 바로 보인다. 상대적으로 화면 폭이 좁은 모바일 기기로 접속 시 보통 본문 영역만 나오는데 햄버거바 메뉴 아이콘을 클릭하면 사이드바를 볼 수 있는 점 참고하자.



티스토리 사이드바 설정 방법

티스토리 북클럽 스킨

티스토리에서 제공하는 기본 스킨 중 이 글에서 예시로 드는 북클럽(Book Club) 스킨은 우측 사이드바가 기본으로 설정되어 있다. 기본 설정된 사이드바 구성 메뉴는 다음과 같다.

- 카테고리
- 공지사항
- 최신글/인기글
- 최근댓글
- FaceBook/X(트위터)
- 태그
- 전체 방문자
- 소셜 채널

기본 메뉴가 제법 많은 것을 알 수 있는데 아래 경로를 통해 사이드바에 나타나는 메뉴를 직접 설정할 수 있다.

꾸미기 - 사이드바

티스토리 로그인 후 블로그 관리 홈 화면 왼쪽 메뉴 중 [꾸미기] - [사이드바] 클릭


사이드바 설정 화면

다음 화면 오른쪽을 보면 위에서 작성한 메뉴가 구성되어 있는 것을 볼 수 있다.

메뉴 변경 방법
- 빼고 싶은 메뉴 : 이름 오른쪽의 마이너스(-) 클릭
- 메뉴 순서 변경 : 이름 왼쪽 가로 네 줄 아이콘에 마우스를 대고 원하는 사이드바 1, 2, 3 영역으로 드래그


사이드바 메뉴 변경

이 글에서는 예시로 사이드바에 전체 방문자와 카테고리만 남겨 보았다. 설정을 마치면 화면 아래 [미리보기]를 할 수 있고 [변경사항 저장]을 클릭해서 마치면 된다.

- 메뉴 추가 방법 : 오른쪽 '기본 모듈' 창에서 원하는 메뉴 이름 옆에 플러스(+) 클릭 - 원하는 사이드바 1, 2, 3 위치 지정


사이드바 설정

한편 메뉴 설정 바로 아래에는 '사이드바 설정' 옵션이 몇 가지 있다. 취향에 따라 적절하게 옵션 입력 후 [변경사항 저장]을 클릭하면 설정을 마칠 수 있다.

 

- 최근 글 : 최대 30개 / 100글자까지 표시
- 최근 댓글 : 최대 30개 / 200글자까지 표시
- 최근 공지 : 최대 30개 / 100글자까지 표시
- 글 보관함 : 최대 30개월까지 표시
- 링크 : 최대 30글자까지 표시
- 태그 : 최대 100개까지 표시 / 임의순 또는 이름순 표시

* 글자는 최소 3글자 이상 지정해야 함

 

#2 반응형 스킨 아카이브

참고로 위 메뉴 중 '글 보관함'은 해당 년월에 몇 개의 글을 작성했는지 보여주는 기능이다. 아쉽게도 북클럽 스킨에는 포함되지 않았는데 '#2 반응형' 스킨을 보면 Archives 글 보관함이 기본으로 설정되어 있다.

추천 글

 

티스토리 블로그 스킨 설정 방법, 북클럽 추천 이유

티스토리 블로그 스킨은 방문자에게 보이는 블로그 디자인으로 전체 화면이나 글·제목 폰트, 사이드바 구성 등이 포함된다. 블로그 운영의 핵심은 글 콘텐츠에 있는 만큼 좋은 글을 잘 쓰는 것

dailyspace.tistory.com