[티스토리] Square 사이드바 수정하는 방법 알아보기

글을 시작하기에 앞서 제 스킨이 Square임을 밝힙니다.

 

다른 스킨들도 비슷하게 적용이 될 것 같지만, 정확성을 위해 Square 스킨을 하셨을 경우 더 정확할 수 있음을 알려드립니다.

 

또한, 코딩의 코자도 모르는 사람이지만 티스토리 블로그를 관리하고 싶어 이것저것 해보기 때문에 안타깝게도 질문을 주시면 답해드릴 수가 없습니다.

 

오늘 관리해두고 내일 까먹을 수도 있는 사람이거든요. 저도 포스팅해둔 거 보고 수정합니다ㅠㅠㅠ

 

 

본론으로 들어가겠습니다.

 

사이드바 수정입니다.

 

html에서 수정하는 게 익숙한데 글자색이나 크기는 css에서 수정을 하더라고요. 이유는 모르겠지만, 그렇게 되어 있으니 그렇다고 합니다.

 

사이드바는 보통 css의 49열이나 50열을 보시면 /*sidebar*/라고 해서 시작을 알리고 있습니다.

 

 

---

 

/*sidebar*/ 부분

먼저, sidebar 맨 위를 보면 position이라고 되어 있는데 사이드바의 위치를 말해요.

fixed를 하시면 사이드바를 옆에 고정하는 것! relative가 상대적인 것 같은데 한 번 해봤는데 본문이랑 잘 어우러지지 못하더라고요. 이 부분은 차차 연구를 해볼 문제이기 때문에 넘어가겠습니다.

 

그리고 color는 사이드바 전체 색깔이더라고요. 블로그 네이밍 부분이랑 따로 따로 하는 방법을 모르겠어요.

 

/*너랑나랑여기서*/

margin 외부 여백입니다. 블로그네이밍 윗부분 여백.

padding 내부 여백입니다. 블로그네이밍 글자끼리의 여백.

font-size가 글자 크기입니다. 보통 20px로 되어 있는데, 저는 크게 하고 싶어서 35px로 조절했습니다.

font-weight은 글자 굵기입니다. 400으로 되어 있는데 400은 얇고, 700부터 굵더라고요.

 

line-height는 줄간격입니다. 200%로 되어 있어서 가만히 냅뒀어요.

color를 수정하면 블로그 네이밍 색이 바뀌는 줄 알았는데 안 바뀌더라고요ㅠㅠㅠㅠㅠㅠㅠ

이거 색 바꾸려면 위에 사이드바 란에서 바꾸면 바뀌던데 대신 카테고리 색도 다 바뀌는 게 문제ㅠㅠ

 

 

/*여백*/

블로그네이밍 아래 여백을 어느 정도로 할 것인지 조절할 수 있습니다. 저긴 수정 전 사진이라 30으로 되어 있는데 10px로 바꾸었습니다!

 

이렇게 했더니

 

이렇게 되었습니다!

원래 너랑 나랑 여기서 글자가 위 아래로 여백도 많고 연하면서 작았는데 제가 원하는 대로 되었습니다 ㅎㅎ