티스토리 소제목 css 꾸미기 서식 만들기

 

블로그 글 작성 시, 단순히 내용을 나열하는 것보다 적절한 소제목을 활용하는 것이 중요합니다.

 

하지만 기본 제공되는 소제목 스타일은 다소 단조롭고 제한적일 수 있습니다.

 

이럴 때, 티스토리가 제공하는 다양한 소제목 꾸미기 기능을 활용하면 개성 넘치는 글을 만들 수 있습니다.

 

티스토리 소제목 꾸미기

 

 

 

 

목차

 

• 티스토리 기본 소제목 스타일
• HTML/CSS 직접 코딩으로 소제목 꾸미기
• 다양한 소제목 스타일링 예시
• -박스 스타일
• -라인 스타일
• -심플 스타일
• 소제목 꾸미기 시 주의 사항

 

 

 

 

티스토리 기본 소제목 스타일

 

티스토리 에디터 상단 메뉴에서 '서식' 버튼을 클릭하면 다양한 기본 소제목 스타일을 선택할 수 있습니다.

 

글꼴 종류, 크기, 정렬, 여백 등을 간편하게 설정할 수 있으며, 색상 변경도 가능합니다.

 

티스토리 소제목

 

 

예를 들어,

H1부터 H6까지의 다양한 크기 설정과 함께 기본적으로 제공되는 색상 팔레트를 활용하여 소제목을 꾸밀 수 있습니다.

 

 

 

HTML/CSS 직접 코딩으로 소제목 꾸미기

 

더욱 자유로운 소제목 스타일링을 원한다면 HTML/CSS 코드를 직접 작성하는 방법도 있습니다.

 

글쓰기 메뉴에서 'HTML 모드'로 전환하여 원하는 코드를 입력하면 됩니다.

 

티스토리 소제목

 

 

다양한 온라인 튜토리얼과 예시 코드를 참고하여 자신만의 독창적인 소제목을 만들 수 있습니다.

 

예를 들어, 아래와 같은 코드를 사용해 볼 수 있습니다:

 

<h2 style="border-bottom: 2px solid #00f; color: #00f; padding-bottom: 5px;">나만의 스타일 소제목</h2>

 

 

 

다양한 소제목 스타일링 예시 

 

 

 

티스토리에서 꾸밀 수 있는 소제목 스타일은 무궁무진합니다.

독자들의 시선을 사로잡고 글의 분위기를 전달하는 데 효과적인 몇 가지 예시를 소개합니다.

 

 

박스 스타일

 

박스로 둘러싸서 강조하고 싶은 내용을 눈에 띄게 표현합니다.

중요한 내용, 주요 제목 등을 강조할 때 효과적입니다.

 

 

밑줄 스타일

 

주요 제목을 강조할 때는

밑줄 스타일을 활용하여 눈에 띄게 표현할 수 있습니다.

 

 

모서리 스타일

 

내용을 강조할 때는 모서리 스타일을 활용하여 눈에 띄게 표현할 수 있습니다.

 

 

배경 스타일

 

중요한 내용이나 주요 제목을 강조할 때는

배경 스타일을 활용하여 눈에 띄게 표현할 수 있습니다.

 

 

그라데이션 스타일

 

특정 내용이나 제목을 강조하고 싶을 때는

그라데이션 스타일을 활용하여 눈에 띄게 표현하는 것이 효과적입니다.

 

 

 

 

 

폴더 스타일

 

강조하고 싶은 내용을 효과적으로 표현할 때는

폴더 스타일을 활용하여 눈에 띄게 만들 수 있습니다.

 

 

 

 

뱃지 스타일

 

 

중요한 내용이나 주요 제목을 강조할 때는

뱃지 스타일을 활용하여 눈에 띄게 표현할 수 있습니다.

 

 

 

색상 변경하기 코드

 

 

 

꾸미기 시 주의 사항

 

 

• 과도한 소제목 사용: 너무 많은 소제목을 사용하면 오히려 글의 흐름을 방해하고 독자들의 집중력을 저하시킬 수 있습니다. 중요한 내용만 강조하기 위해 적절하게 소제목을 활용해야 합니다.
• 색상 조화: 소제목 색상은 글 전체의 색상과 조화를 이루어야 합니다. 너무 다채로운 색상을 사용하거나, 글자 색과 배경색의 명암 대비가 심하면 오히려 가독성을 저하시킬 수 있습니다.
• 글꼴 선택: 소제목 글꼴은 가독성이 높고, 글 전체의 분위기에 맞는 것을 선택해야 합니다. 특수 글꼴을 사용하거나, 너무 작은 글자 크기를 사용하면 독자들이 읽는 데 어려움을 겪을 수 있습니다.
• 모바일 최적화: 최근에는 모바일 기기를 통해 블로그를 읽는 사용자가 많습니다. 따라서 소제목을 꾸밀 때 모바일에서의 보이기도 고려해야 합니다. 글자가 너무 작거나, 모바일 화면에 맞지 않는 디자인은 피해야 합니다.

 

 

블로그 꾸미기

티스토리 블로그

소제목 꾸미기

HTML/CSS 코딩

애드센스 티스토리

 

 

 

 

티스토리에서 제공하는 다양한 소제목 꾸미기 기능을 활용하면 독자들에게 더욱 흥미롭고 읽기 편한 글을 만들 수 있습니다. 위에 소개한 내용을 참고하여 자신만의 개성 넘치는 소제목을 만들어 글을 한 단계 업그레이드해 보세요!

 

 

팁:

• 다른 블로그들의 소제목 스타일을 참고하여 영감을 얻을 수 있습니다.
• 온라인 디자인 도구를 활용하여 소제목 디자인을 미리 만들 수 있습니다.
• 글의 주제나 분위기에 맞는 소제목 스타일을 선택하는 것이 중요합니다.

주의:

• HTML/CSS 코드를 직접 사용할 때는 기본적인 코딩 지식이 필요합니다.
• 과도한 소제목 사용이나 지나친 디자인은 오히려 독자들에게 거부감을 줄 수 있습니다.
• 소제목 꾸미기에 어려움을 겪는다면, 티스토리 고객센터 또는 온라인 커뮤니티에서 도움을 받을 수 있습니다.

 

 

지금까지 티스토리 소제목 css 꾸미기 서식 만들기 정보였습니다.

 

 

이 글을 읽고 함께 본 글

구글 2단계 인증 설정 해제 기기 변경 가이드

 

다이어트가 잘못되었다는 신호들