티스토리 블로그 스킨을 업데이트했다

가장 큰 변화는 먼저 타이틀 로고를 "림뽀의 세상"에서 "기획일기"로 바꾸었다.

블로그 성격 상 기획에 치중된 이야기를 많이 하고 있기에 콘텐츠의 성격을 반영하고자 했다.

HTML/CSS 무지랭이로 원하는 디자인을 구현하는 데 시간이 오래 걸린다.

다음에 또 스킨을 편집할 때 시간을 아끼기 위해 유용하게 사용했던 기능을 기록하고자 한다.

1. 중앙 정렬

display: flex로 설정하면 버튼을 눌러서 원하는 정렬 방식을 선택할 수 있다.

중앙 정렬은 justify-content: center로 가능하다.

이 기능으로 상단 타이틀 로고를 중앙 정렬했다.

2. 썸네일 비율 변경

티스토리 기본 스킨 중 하나인 북커버의 기본 썸네일 비율은 1:1이 아니다.

1:1로 바꾸기 위해선 HTML 코드를 수정해야 한다.

<span class="thum"> 아래의 <img src> 링크를 보면 원래는 C230x300으로 나온다.

이를 C230x230으로 고친다.

이거 찾느라 엄청 헤맸다.

아직 고쳐야 할 게 있다.

페이지가 새로고침 될 때마다 상단 메뉴가 어그러지는 걸 고치고 싶은데, 아직 방법을 못찾았다.

사이즈 조절을 하면 될 것 같은데 HTML 코드에서 사이즈를 조절하는 부분이 없다.

아마 티스토리 자체 링크에서 자동으로 사이즈를 반영하는 것 같은데, 내 코드랑 충돌이 나는 것 같다.

다음에 (언제가 될 지는 모르겠지만) 업데이트 하면 꼭 고치고 싶다.