오늘은 티스토리 제목, 본문, 리스트 글자 크기 변경 방법에 대해 알아보겠습니다. 글자 크기에 따라 가독성이 높아지고 글자가 안보이는 분들을 위해 조절해주는 것이 좋은데요. 오늘 제가 알려드릴 방법은 CSS를 이용해 크기를 변경하는 것입니다. 알 수 없는 언어가 많아 어려워 보일 수도 있지만 막상 따라해보면 별거 없으니 차근차근 따라해보시는 것을 추천드립니다.
제목 크기 변경 방법
먼저 티스토리 스킨 편집에 들어가셔서 CSS를 열어줍니다. 인제부터 제목, 본문, 리스트 크기를 전부 CSS를 이용하여 변경할 건데요. 모두 비슷한 위치에 있으니 참고하시길 바랍니다.
먼저, CSS를 열면 아래와 같은 그림을 보일텐데요. 그중에서 Entry Content를 복사한 후 Ctrl+f 키를 이용해 찾기 기능을 활성화하고 입력창에 방금 복사한 것을 붙여넣기 합니다.
그럼 entry-content h1, h2, h3, h4까지 보일텐데요. 여기서 중요한 것은 h1은 티스토리 최상단에 있는 제목 크기를 나타낸 것이기 때문에 건드시면 안됩니다. 티스토리 기능에 있는 제목1은 h2, 제목2는 h3, 제목3은 h4로 생각하시고 font size를 원하는 크기에 맞게 변경하시면 됩니다. 단, 본문 글자 크기 보다 작을 경우 가독성이 떨어지니 참고하시길 바랍니다. 여기까지 잘 따라와주셨다면 제목 크기 변경은 완료한 것입니다. 그 다음은 본문 크기 변경에 대해 알아보겠습니다.
본문 크기 변경 방법
본문 크기는 h4에서 조금만 스크롤을 내리면 entry-content p를 발견하실수 있는데요. 아래 font-size 변경 후 우측 상단에 있는 적용을 누르면 크기가 변경 된 것을 확인하실 수가 있습니다.
리스트 크기 변경 방법
마지막으로 리스트 크기 변경 방법입니다. 글 작성할 때 티스토리 자체 기능 중 리스트를 사용하시는 분들도 계실텐데요. 리스트는 본문 크기와 관계 없이 다른 코드를 수정해야합니다. entry-content p 에서 스크롤을 조금 내리면 entry content ul li과 entry content ol li을 발견하실 수 있는데요. ul은 점 리스트, ol은 숫자 리스트 글자 크기니 참고하여 변경하시길 바랍니다.
티스토리 제목, 본문, 리스트 글자 크기 변경 방법 포스팅을 마치겠습니다.
'IT 인터넷 관리 방법' 카테고리의 다른 글
| 웹 페이지 로딩 속도 단축시키기, Time to Interactive 해결 방법 (0) | 2021.02.21 |
|---|---|
| 웹 페이지 로딩 속도 단축시키기, First Contentful Paint 해결 방법 (0) | 2021.02.21 |
| 티스토리 페이지 로딩 속도 분석하기, 구글에게 이쁨 받는 방법 (0) | 2021.02.14 |
| 구글 유입로그 간단하게 확인하는 법 (0) | 2021.02.12 |
| 구글 크롬 확장 프로그램 추천, 200% 활용 방법 (0) | 2021.02.07 |
댓글