Study/Design

티스토리 북클럽 스킨 - 사이드바 위치 변경하기

혜안혜 2023. 7. 10. 03:38

 

 

 

북클럽 스킨은 굉장히 잘 만들어진 스킨이다. 스킨 설정 이것 저것 건들다 보면 사람들이 원하는걸 잘 파악해서 최대한 많은 설정들을 기본으로 넣어놨고 자유도가 높구나를 느낄 수 있었다. 그런줄도 모르고 사이드바 위치 변경을 위해 CSS를 수정 했는데, 그럴 필요가 없었다. 사이드바 위치가 기본적으로 우측에 있는데 좌측으로 변경하고 싶다면 아래 방법을 이용하면 된다.

 

 

 

 

변경 전

변경 후

 

 

 

 

 

 

사이드바 위치 변경 방법

티스토리 관리자 페이지 > 스킨 편집으로 들어간다.

그럼 우측에 기본적으로 제공하는 스킨 편집 툴이 나오는데 스크롤을 쭉 내리다 보면 사이드바 위치를 변경 할 수 있는 메뉴가 나온다. 사이드바를 오른쪽에 둘 건지 왼쪽에 둘건지 원하는대로 클릭하면 바로바로 반영이 된다. 변경 후 상단에 있는 적용 버튼 클릭하면 끝이다. 이 외에도 다양한 변경 툴이 있으니 직접 하나하나 눌러보면서 나처럼 삽질 하지 않기를 바란다. ㅠㅠ

 

 

 

내가 했던 삽질

사이드바 스킨 영역과 ID값 확인 후

 

 

 

 

 

1. 관리자메뉴에 있는 스킨편집 > HTML 편집 에 들어가준다.

 

 

2. CSS 편집 모드에서 #content를 검색해 float : left 를 float : right 로 변경해준다.

 

3. 마찬가지로 #aside를 검색해 float : right를 float : left 로 변경해준다.

 

 

4. #container .content-wrap:before를 검색해서 left : 50%를 지워준다.

 

이렇게 하나하나 변경 해줬다. ..ㅎ 물론 이 방법도 적용이 되지만 굳이? 또 이렇게 하면 왼쪽에서 오른쪽으로 다시 바꾸고자 할 때 저 과정을 또 반복해줘야 한다. ㅋㅋㅋㅋ 혼자 삽질 후 어이없어서 쓰는 글..