li 글씨 폰트 사이즈 조절하는 방법

구글 SEO를 위해서는 li 기능을 활용하는 것이 좋다는 사실은 이미 많은 분들에게 알려져 있는데요. li 글씨는 티스토리 스킨마다 다양한 사이즈 크기로 고정되어 있습니다.

티스토리 스킨을 적용하시고, li 기능을 사용하시면, 생각보다 li 글씨 사이즈가 작은 것을 확인할 수 있는데요. 사실 너무 작으면 방문자들도 보기가 힘들고, 전체적인 글의 모양이 안좋을 수 있습니다.

그래서 li 글씨 사이즈를 늘려서 가독성을 늘려주는 방법에 대해 알아보겠습니다.

 

1. li란 무엇인가?

li란

이런식으로 티스토리에 글을 작성하다보면, 하나의 단어나 문장을 구성하고 하위 개념으로 설명이 필요한 부분이 생깁니다. 이럴때 적용하는 들여쓰기 동그라미가 li라고 보시면 됩니다.

 

2. li 글씨 폰트 사이즈 수정하기 (CSS)

.entry-content ul li {
	position: relative;
	padding-left: 22px;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
	list-style: inherit;
	text-indent: -22px;
}

.entry-content ol li {
	position: relative;
	padding-left: 16px;
	font-size: 0.9375em;
	line-height: 1.6;
	color: #666;
	text-indent: -15px;
	list-style: inherit;
}

 

li를 수정하는 방법은 간단합니다.

1. 티스토리 관리자 페이지에 접속
2. 스킨편집 -> Html 편집 화면으로 이동
3. CSS 검색
4. entry-content 검색 -> li 부분 검색 (ul li, ol li 2개를 수정해야함)
5. font-size: 0.9375em; -> 이 부분을 원하는 사이즈로 변경

이렇게 진행을 해주시면 됩니다. 저도 지금의 티스토리 스킨을 사용하면서, 기본값으로 li 폰트 사이즈가 너무 작아서 11em 정도로 수정을해서 사용을 하고 있습니다.

한번만 작업을 해주시면, 기존에 작성했던 li 코드나 앞으로 작성하실 글들에 모두 적용되는 것이기 때문에, 한번만 변경하셔서 수정을 해주시면 편리하게 사용이 가능합니다.

단 Html 수정을 하시고, 글쓰기 모드에서는 수정된걸 확인하기는 어렵고, 미리보기 기능이나, 실제 글 발행을 해야 수정된 사이즈를 확인할 수 있습니다.

감사합니다.