블로그 스킨 변경하기

원래 기존의 블로그는 기존 스킨을 일부 css와 html을 변경해서 쓰고 있었답니다.

하지만 사이드의 제목을 버튼으로 만들거나 일부 변경하기 위해서 내부 구조에 대해 공부하는 것은 오래걸렸어요 ㅠㅠ

그래서 만들어져 있는 스킨 중에 예쁜 스킨을 찾게 되어서 변경했답니다 ㅎㅎ

 

제가 지금 사용하고 있는 곳은 

 

https://github.com/tidory/hello

GitHub - tidory/hello: 😎 당신의 멋진 블로그에 걸맞는 최고의 티스토리 스킨

 

여기 였어요. 

 

제가 제일 마음에 들었던건 무엇보다도 사이드의 제목들이 버튼으로 구성되어있다는 점!!

그리고 그 이외 사용하지 못했던 다크모드 변경이라던지 위로 올리기 버튼을 넣을 수 있다는 점들이 있었어요.

 

비록 내부에서 글을 작성하거나 색상을 변경하거나 하는 부분, 내부의 글 구조 변경 등은

제 스스로 코드를 하나하나 분석해서 만들어야 하지만!!

전체적인 틀을 만들어 준 제작자 분께 감사함을 느끼네요 ㅎㅎ

 

제가 추가한 기능은

 

위에 제목이 블로그 썸네일 그림과 이름으로 보이는 부분이었어요. 이 부분이 조금 지저분하게 느껴져서

저는 이미지를 삭제하고 높이를 절반으로 줄였답니다.

 

html 수정하기에 들어가서 

s_list > section > header 에 있는 썸네일을 지우고 header의 h-64를 32로 변경했답니다.

 

그리고 메뉴도 세로로 나오는 것보단 가로로 보여주고 싶었기에

#sidebar #blogmenu ul {
  display: flex;
  row-gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem
}

#sidebar #blogmenu ul a {
  margin-right: 2rem;
}

이렇게 css를 변경해줬습니다.

 

그렇게 변경하고 순서만 바꿔주면

왼쪽의 블로그 메뉴와 같이 된답니다 ㅎㅎ

 

조금씩 변경을 더 해나갈 생각입니다 

이제 하고 싶은건

가운데 전체 글이라는 것을 전체 글일 때에만 블로그 이름으로 바꾸고싶답니다.

 

차근차근 해볼게요 ㅎㅎ