스킨 사용중 미묘하게 마음에 들지 않는 부분이 있었는데 이 부분을 조금 수정하고자 한다. 경험상 처음부터 완벽한 스킨으로 블로그를 시작하려고 하면 결국 초반에 지쳐서 블로그를 접게 되었다. 티스토리가 초대권으로만 운영되던 시절부터 수십번 개설 폐쇄를 반복해본 사람이다. 앞으로도 쭉 마음에 안드는 부분이 나올 것 같은데 하나하나 천천히 배워가면서 수정하고자 마음 먹었다.
일단 지금 수정하고자 하는건 글 제목과 글 내용 요약 부분이다. 나는 폰트 사이즈가 크지 않은걸 선호해서 글 제목 사이즈를 조금 줄이고 싶고, 요약도 굳이 3줄까지 놔두고 싶지 않았다.
글 제목 사이즈 변경 하는 방법
1. 티스토리 관리자로 들어가서 좌측 메뉴 꾸미기 -> 스킨 편집으로 들어가준다.
2. 스킨 편집에 들어갔으면 우측에 스킨 정보가 나오는데 이미지 아래에 있는 html 편집을 눌러 html편집창으로 들어가 준다.
3. CSS 탭 클릭 후 .post-item .title 검색 한다.
해당 { } 중괄호 안에 아래 코드를 복사 붙여넣기 해준다.
font-size: 0.9em;
사이즈는 직접 설정 해주면 되는데 기본이 1em이니 소수점 단위로 더 크게 해주고 싶으면 1.1 , 1.2 , 1.3 , ... 처럼 설정 해주면 된다. 나는 작은 사이즈를 원했기에 0.9em으로 설정해줬다.
글 요약 내용 줄이는 방법
1. 위에 있는 코드 바로 아래 .post-item .excerpt 영역이 있는데 해당 영역의 중괄호 안에 있는 -webkit-line-clamp 부분을 수정해주면 된다. 옆에 적힌 숫자가 요약을 몇줄까지 보여줄지 정하는 숫자로 생각하면 된다. 원래는 3이였는데 나는 2로 바꾸면서 요약이 2줄만 표시되게 변경 해줬다.
이렇게 해주면 미묘하지만, 원하는 대로 변경 완료!
'Study > Design' 카테고리의 다른 글
| 티스토리 북클럽 스킨 - 사이드바 위치 변경하기 (1) | 2023.07.10 |
|---|
