티스토리 본문 소제목 꾸미기

티스토리 본문 소제목

위 소제목처럼 꾸미는 방법입니다. 스킨에 따라 클래스 명이 다르기 때문에 모든 스킨에 적용되지는 않습니다. 아래 코드는 담따 스킨과 티스토리에서 제공하는 반응형 스킨에 적용됩니다.

소제목 적용 방법

아래 코드를 복사해 CSS 편집 창 하단 빈 곳에 넣어 줍니다.

/* 본문 소제목 꾸미기 */
.entry-content  h1,
.entry-content  h2,
.entry-content  h3,
.entry-content  h4,
.entry-content  h5,
.entry-content  h6 {
    padding: 3px 5px;
    border-bottom: 3px solid #212529; /* 하단 선 두께 3px 색상 #212529 */
    border-left: 15px solid #212529; /* 좌측 선 두께 15px 색상 #212529 */
}

코드를 보시면 주석으로 기본선 두께와 색상을 명시해 두었습니다. 색상과 선 두께를 본인이 원하는 색상과 두께로 설정해 보세요!

아래 사이트를 이용하시면 원하는 색상 코드 값을 알 수 있습니다.


색상코드
컬러 코드

티스토리 새 에디터에 제목 1 ~ 제목 3까지 있습니다. 구 에디터는 말머리 1 ~ 말머리 4까지 입니다.

티스토리 에디터
티스토리 에디터

소제목을 쓰고 에디터에서 제목1 또는 제목 2를 선택하고 글을 발행하면 적용된 모습을 볼 수 있습니다.

담따 스킨 참고사항

담따 스킨은 제목1제목 부터 제목 3까지 그리고 나머지 H태그들 모두 글자 크기가 같습니다. 단순히 글자 크기를 변경하려면 본문 1부터 본문 3까지를 사용하셔야 합니다.

그리고, 구 에디터를 사용하시는 분들은 말머리 2부터 사용하셔야 합니다. 담따 스킨은 포스팅 제목에서 H1태그를 사용합니다.

댓글 0