본문 바로가기

[티스토리 블로그 꾸미기] 사이드바 메뉴 설정하기

ㅇㅁㅁㅎ 2024. 5. 17.

[티스토리 블로그 꾸미기] 사이드바 메뉴 설정하기

이전 글인 콘텐츠와 사이드바 실선 색상 변경하기에 이어, 이번에는 사이드바 메뉴를 설정하는 방법을 소개해드리겠습니다. 이번 글에서 메뉴들의 위치는 각자 선호하는 위치로 이동할 수 있으니, 마음에 드는 곳으로 이동하는 것을 권장합니다.

티스토리 '북클럽' 스킨을 기준으로 진행합니다.

 

사이드바 메뉴 설정하기

 

관리자 페이지에 왼쪽 메뉴에서 '꾸미기' 탭 안에 '사이드바' 버튼을 클릭합니다.

티스토리 관리자 페이지에서 꾸미기 탭에 있는 '사이드바' 버튼을 클릭하는 모습
꾸미기 탭 안에 있는 사이드바 버튼을 누릅니다.

사이드바 설정에 들어오면, 기본 설정은 아무것도 되어 있지 않은 것을 확인할 수 있습니다.

사이드바 설정 화면을 강조하는 모습
기본 설정은 아무것도 되어 있지 않은 것을 확인할 수 있습니다.

첫 번째로, 카테고리 메뉴를 사이드바 1번으로 이동합니다.

각 메뉴 오른쪽에 '+' 버튼을 누르면 사이드바 번호가 나옵니다.

사이드바 메뉴 중 '카테고리' 메뉴를 사이드바 1번으로 설정하는 모습
카테고리 메뉴에 + 버튼을 눌러 사이드바1로 이동합니다.

두 번째로,  최근글/인기글 메뉴를 사이드바 2번으로 이동합니다.

 

사이드바 메뉴 중 '최근글/인기글' 메뉴를 사이드바 2번으로 설정하는 모습
최근글/인기글 메뉴에 + 버튼을 눌러 사이드바2로 이동합니다.

세 번째로, 전체 방문자 메뉴를 사이드바 3번으로 이동합니다.

사이드바 메뉴 중 '전체 방문자' 메뉴를 사이드바 3번으로 설정하는 모습
카테고리 메뉴에 + 버튼을 눌러 사이드바3로 이동합니다.

각 위치로 이동했다면, 미리보기로 확인 후 변경사항 저장을 클릭하여 저장합니다.

사이드바 메뉴가 각 사이드바 번호에 맞게 이동된 것을 확인 후 미리보기로 적용된 것을 확인하고 저장하는 모습
이동이 완료되면, 미리보기로 확인하고 변경사항 저장을 누릅니다.

각 위치에 적용된 것을 확인할 수 있습니다.

이동한 순서에 맞게 적용 된 것을 확인하는 모습
각 순서에 맞게 적용된 것을 확인할 수 있습니다.

 

다음 글 예고

다음 글에서는 사이드바 메뉴 글자색 변경하는 방법에 대해서 소개하겠습니다.

댓글


loading