티스토리 리스트 들여 쓰기
티스토리 블로그에서 글을 작성할 때 기본으로 제공되는 메뉴를 활용하게 됩니다. 그중에서도 리스트 메뉴는 가장 자주 사용되는 기능입니다. 리스트 글을 작성할 때 방문자에게 가독성을 높이기 위해 들여쓰기를 활용하는 것이 좋습니다.
변경 전 모습 확인
아래의 모습은 티스토리 블로그에서 리스트 글 작성 시 들여쓰기가 적용되지 않았을 때의 모습입니다.
엔터를 입력해도 구분이 어려워, 특히 모바일에서 볼 때 어느 부분이 1번 글인지 혼란스럽습니다. 이러한 문제는 방문자에게 불편을 줄 수 있으니, 가독성을 높이기 위해 들여쓰기를 설정하는 것이 중요합니다.
자동 들여 쓰기 설정 방법
티스토리 스킨의 CSS 코드를 수정할 수 있는 위치로 이동한 후, menu를 검색해 주세요. 해당 코드의 위치를 확인하셨다면, 아래에 작성된 CSS 코드를 복사하여 붙여 넣기만 하면 됩니다.
/*글머리기호 수정*/
li {
list-style:none;
margin-left:0;
}
반드시 특정 위치에 입력할 필요는 없으며, 본인이 관리하기 편한 위치에 코드를 추가하셔도 괜찮습니다.
두 번째로 설정해야 할 부분은 #content를 검색하여 해당 섹션을 찾아주세요. 그리고 아래에 알려드리는 CSS 코드를 추가한 후, 스킨을 저장합니다.
margin-left:1rem;
마지막으로, 추가한 CSS 코드로 들여쓰기가 잘 적용되었는지 확인해 보세요.
변경 후 모습 확인
블로그 글을 작성할 때, 리스트 항목이 자동으로 들여 쓰기 되어 가독성이 높아진다면 방문자에게 더 매력적인 콘텐츠를 제공할 수 있습니다. 이렇게 정돈된 형식은 독자들이 정보를 쉽게 파악하고 이해하는 데 큰 도움이 됩니다.
자동 들여쓰기 설정 완료
위에서 안내드린 방법은 hELLO 스킨을 기준으로 작성되었습니다. 하지만 다른 스킨에서도 동일하게 적용할 수 있을 것으로 예상됩니다. 만약 자신의 블로그에서 들여 쓰기가 잘 되지 않는다면, 댓글로 문의해 주세요. 함께 해결해 보겠습니다.