안녕하세요 우리시우입니다.
오늘은 티스토리 운영하시는 분들께
글의
꾸밈효과
가독성 등을 위해
소제목 적용방법을 총정리해보고자 합니다.
일일이 코드를 입력하지 않고 최초 한 번만 세팅해두면
계속 사용하실 수 있습니다. 지금부터 설명 들어갑니다!
티스토리 소제목 적용 방법
위와 같이 영어 대문자 L 모양으로 소제목을 꾸며보았는데요,
사실 이렇게 하기 위해서는 코드가 필요합니다.
제가 위 소제목에서 적용한 코드는 아래와 같은데요,
<h2 style="padding: 0px 0px 0px 10px; border-left: 10px solid #8c8c8c; border-bottom: 2px solid #8c8c8c; margin: 0px 0px 10px; letter-spacing: -1px; font-stretch: normal; text-align: left;" data-ke-size="size26"><span style=""><span style="font-size: 21px;"><b>티스토리 소제목 적용 방법</b></span></span></h2>
이 코드를 모드선택에서 HTML 페이지로 들어간 후 해당 코드를 복사 및 붙여넣기하면 끝입니다.
그런데, 글을 앞으로 쓰시면서
소제목을 정말 자주 쓰실텐데
매번 이렇게 하면 되게 불편하고 어렵습니다.
티스토리 소제목 바로 꺼내쓰도록 세팅하는 방법
티스토리 관리창에서
콘텐츠 → 서식관리 → 서식쓰기로 들어갑니다.
서식쓰기로 들어가신 후
본인이 알수 있는 제목을 입력해주시고
아래와 같이 코드를 HTML 창에 붙여넣어 줍니다.
그후 다시 기본모드로 들어와 제목이 들어간 것을 확인하고,
그 후 저장을 눌러주면 세팅 완료입니다.
이제 완료를 누르게 되면
왼쪽 화면과 같이
서식관리에 소제목 서식이 추가되고요,
글쓰기에서 점 세게를 눌러 서식을 누르면
회색 L자형 소제목-1을 바로 불러올 수 있습니다.
티스토리 소제목 스타일 더 알아보기
이제 소제목을 이쁘게 꾸며보는 방법을 다 알려드렸는데요,
소제목 코드는 어떻게 구성하느냐에 따라
여러 스타일로 연출하실 수 있습니다.
다음 포스팅에서는 소제목의 다양한 스타일을
바로 다운받으실 수 있도록 정리해보고
코드의 특징도 알아보는 시간을 가져보도록 하겠습니다.
아래 하단 버튼을 눌러 바로 들어와주시기 바랍니다~!
