최근 티스토리 블로그 본문의 '인용구' 글자 크기를 일괄적으로 키우는 방법에 대해 포스팅한 적 있습니다.▼
티스토리 블로그 '인용구' 글자 크기 키우기 | 티스토리 css 스킨편집
티스토리 블로그에 글을 쓰다 보면 '인용구' 기능을 활용할 일이 종종 있습니다(빨간 화살표). 본문 내용에 어울리는 소제목을 달아서 개념을 깔끔하게 정리하고 글의 가독성을 높이는 효과가
fallsky-info.tistory.com
'소제목'에 적용하던 인용구의 글자 크기가 일괄적으로 커져서 상당히 편리했으나.. 한 가지 문제가 발생했습니다.
아시다시피 '인용구'에는 여러 가지 종류가 있습니다. 모든 인용구가 <blockquote> 라는 공통된 태그명을 사용하는데요.. CSS 편집기에서 <blockquote> 값을 일괄적으로 수정하는 바람에, 위 이미지와 같이 일부 인용구 내용의 글자 크기가 지나치게 커졌다는 것입니다.(빨간색 테두리)
그렇다고 해서 다시 일괄적으로 크기를 줄일 수는 없는 노릇이지요. 오늘은 위와 같은 문제를 해결하기 위해 '일부 게시글의 인용구 글자 크기를 줄이는 방법'을 소개합니다.
글 편집기 우측 상단 [기본모드] - [HTML] 클릭
HTML 편집기로 들어왔습니다. Ctrl + F 를 눌러서 blockquote 를 입력합니다.
수정하고자 하는 부분을 찾아냅니다. 위 이미지에서는 노란색 영역에 해당합니다.
blockquote 태그 안에 위 노란색 밑줄 친 내용을 새로 입력합니다. 자세한 코드 내용은 아래와 같습니다.
<blockquote style="font-size:18px;" .....px 앞에 있는 숫자는 글자 크기를 결정합니다. 원하는 숫자를 자유롭게 입력하시면 됩니다.
'완료' 버튼을 눌러서 글을 발행합니다.
왼쪽이 원본 글이고, 오른쪽이 코드 내용을 수정한 글입니다. 인용구 박스(빨간 테두리) 안에 포함된 글자 크기의 차이가 두드러집니다.
이상으로, 티스토리 일부 게시글에서 인용구 글자 크기를 조정하는 방법을 소개해드렸습니다. 티스토리 유저분들께 도움이 됐길 바랍니다. 감사합니다.
'블로그 운영 > 티스토리 블로그' 카테고리의 다른 글
| 티스토리 본문 내 링크 이동 설정하기 (0) | 2021.09.24 |
|---|---|
| 티스토리 블로그 '인용구' 글자 크기 키우기 | 티스토리 css 스킨편집 (1) | 2021.09.19 |
| 티스토리 블로그 이미지에 외곽선 넣기 | 티스토리 css 스킨편집 (1) | 2021.09.18 |
| 티스토리 블로그 '구글 서치콘솔' 색인생성 요청 방법 (4) | 2021.09.17 |
| 구글 서치콘솔에 티스토리 사이트맵, RSS 제출하기 (0) | 2021.08.07 |